bar chart Example 1
bar chart Example 2
line chart Example 3
line chart Example 4
pie chart Example 5
pie chart Example 6
Live Example
Graphic Tools
Invisible Counter
HTML Color Codes - Hex Colors - Color Spectrum
Select a startcolor to create spectrum
Restart from the basic HTML colors (RED, GREEN, BLUE)
Restart from a color using the colorpicker.
Click on a color in the spectum grid to refine the spectrum
and find the complementary html colors
Colorpallet from #E3D6A1 to #E3A1D6 and to #D6E3A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3CEA9
#E3D0A8
#E2D1A6
#E2D3A5
#E2D4A4
#E1D6A3
#E1D8A1
#E3C5B2
#E2C8AF
#E2CCAD
#E1CFAA
#E0D2A7
#E0D6A4
#DFDAA1
#E3BDBA
#E2C2B6
#E1C7B2
#E0CCAE
#DFD1AA
#DED6A6
#DDDCA1
#E3B4C3
#E2BBBE
#E0C1B8
#DFC8B3
#DECFAD
#DDD6A8
#DBDEA1
#E3ACCB
#E1B4C4
#E0BDBE
#DEC5B7
#DDCDB0
#DBD6A9
#D9E0A1
#E3A1D6
#E1ACCE
#DFB6C5
#DDC1BD
#DBCBB4
#D9D6AC
#D6E3A1
Colorpallet from #E3D6A1 to #E3A1D6 and to #D6A1E3
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3CEA9
#E3CEA9
#E2CEAA
#E2CEAA
#E2CEAB
#E1CEAB
#E1CEAC
#E3C5B2
#E2C5B3
#E2C5B3
#E1C5B4
#E0C5B5
#E0C5B5
#DFC5B6
#E3BDBA
#E2BDBB
#E1BDBC
#E0BDBD
#DFBDBE
#DEBDC0
#DDBDC1
#E3B4C3
#E2B4C4
#E0B4C6
#DFB4C7
#DEB4C8
#DDB4C9
#DBB4CB
#E3ACCB
#E1ACCD
#E0ACCF
#DEACD0
#DDACD2
#DBACD4
#D9ACD6
#E3A1D6
#E1A1D8
#DFA1DA
#DDA1DC
#DBA1DE
#D9A1E0
#D6A1E3
Colorpallet from #E3D6A1 to #E3A1D6 and to #A1E3D6
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3CEA9
#E1D0A9
#DFD1A9
#DED3A9
#DCD4A9
#DAD6A9
#D8D8A9
#E3C5B2
#E0C8B2
#DCCCB2
#D9CFB2
#D6D2B2
#D2D6B2
#CEDAB2
#E3BDBA
#DEC2BA
#D9C7BA
#D4CCBA
#CFD1BA
#C9D6BA
#C3DCBA
#E3B4C3
#DCBBC3
#D6C1C3
#CFC8C3
#C8CFC3
#C1D6C3
#B9DEC3
#E3ACCB
#DBB4CB
#D2BDCB
#CAC5CB
#C1CDCB
#B9D6CB
#AEE0CB
#E3A1D6
#D8ACD6
#CEB6D6
#C3C1D6
#B9CBD6
#AED6D6
#A1E3D6
Colorpallet from #E3D6A1 to #E3A1D6 and to #A1D6E3
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3CEA9
#E1CFA9
#DFD1AA
#DED2AA
#DCD3AB
#DAD4AB
#D8D6AC
#E3C5B2
#E0C8B3
#DCCAB3
#D9CDB4
#D6D0B5
#D2D3B5
#CED6B6
#E3BDBA
#DEC1BB
#D9C5BC
#D4C9BD
#CFCDBE
#C9D1C0
#C3D6C1
#E3B4C3
#DCB9C4
#D6BFC6
#CFC4C7
#C8CAC8
#C1CFC9
#B9D6CB
#E3ACCB
#DBB3CD
#D2B9CF
#CAC0D0
#C1C7D2
#B9CED4
#AED6D6
#E3A1D6
#D8A9D8
#CEB2DA
#C3BADC
#B9C3DE
#AECBE0
#A1D6E3
Colorpallet from #E3D6A1 to #D6E3A1 and to #D6A1E3
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E1D8A1
#E1D6A3
#E1D5A5
#E1D3A6
#E1D2A8
#E1D0AA
#E1CEAC
#DFDAA1
#DFD7A4
#DFD3A8
#DFD0AB
#DFCDAE
#DFC9B2
#DFC5B6
#DDDCA1
#DDD7A6
#DDD2AB
#DDCDB0
#DDC8B5
#DDC3BB
#DDBDC1
#DBDEA1
#DBD7A8
#DBD1AE
#DBCAB5
#DBC3BC
#DBBCC3
#DBB4CB
#D9E0A1
#D9D8A9
#D9CFB2
#D9C7BA
#D9BFC3
#D9B6CB
#D9ACD6
#D6E3A1
#D6D8AC
#D6CEB6
#D6C3C1
#D6B9CB
#D6AED6
#D6A1E3
Colorpallet from #E3D6A1 to #D6E3A1 and to #A1E3D6
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E1D8A1
#E0D8A2
#DED8A4
#DDD8A5
#DBD8A6
#DAD8A7
#D8D8A9
#DFDAA1
#DCDAA4
#DADAA6
#D7DAA9
#D4DAAC
#D1DAAF
#CEDAB2
#DDDCA1
#D9DCA5
#D5DCA9
#D1DCAD
#CCDCB1
#C8DCB5
#C3DCBA
#DBDEA1
#D6DEA6
#D0DEAC
#CBDEB1
#C5DEB7
#C0DEBC
#B9DEC3
#D9E0A1
#D2E0A8
#CBE0AE
#C4E0B5
#BDE0BC
#B7E0C3
#AEE0CB
#D6E3A1
#CEE3A9
#C5E3B2
#BDE3BA
#B4E3C3
#ACE3CB
#A1E3D6
Colorpallet from #E3D6A1 to #D6E3A1 and to #A1D6E3
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E1D8A1
#E0D8A3
#DED7A5
#DDD7A6
#DBD7A8
#DAD6AA
#D8D6AC
#DFDAA1
#DCD9A4
#DAD9A8
#D7D8AB
#D4D7AE
#D1D7B2
#CED6B6
#DDDCA1
#D9DBA6
#D5DAAB
#D1D9B0
#CCD8B5
#C8D7BB
#C3D6C1
#DBDEA1
#D6DDA8
#D0DBAE
#CBDAB5
#C5D9BC
#C0D8C3
#B9D6CB
#D9E0A1
#D2DEA9
#CBDDB2
#C4DBBA
#BDDAC3
#B7D8CB
#AED6D6
#D6E3A1
#CEE1AC
#C5DFB6
#BDDDC1
#B4DBCB
#ACD9D6
#A1D6E3
Colorpallet from #E3D6A1 to #D6A1E3 and to #A1E3D6
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E1CEAC
#E0D0AC
#DED1AB
#DDD3AB
#DBD4AA
#DAD6AA
#D8D8A9
#DFC5B6
#DCC8B5
#DACCB5
#D7CFB4
#D4D2B3
#D1D6B3
#CEDAB2
#DDBDC1
#D9C2C0
#D5C7BF
#D1CCBE
#CCD1BD
#C8D6BB
#C3DCBA
#DBB4CB
#D6BBCA
#D0C1C8
#CBC8C7
#C5CFC6
#C0D6C5
#B9DEC3
#D9ACD6
#D2B4D4
#CBBDD2
#C4C5D1
#BDCDCF
#B7D6CD
#AEE0CB
#D6A1E3
#CEACE1
#C5B6DF
#BDC1DD
#B4CBDB
#ACD6D9
#A1E3D6
Colorpallet from #E3D6A1 to #D6A1E3 and to #A1D6E3
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E1CEAC
#E0CFAC
#DED1AC
#DDD2AC
#DBD3AC
#DAD4AC
#D8D6AC
#DFC5B6
#DCC8B6
#DACAB6
#D7CDB6
#D4D0B6
#D1D3B6
#CED6B6
#DDBDC1
#D9C1C1
#D5C5C1
#D1C9C1
#CCCDC1
#C8D1C1
#C3D6C1
#DBB4CB
#D6B9CB
#D0BFCB
#CBC4CB
#C5CACB
#C0CFCB
#B9D6CB
#D9ACD6
#D2B3D6
#CBB9D6
#C4C0D6
#BDC7D6
#B7CED6
#AED6D6
#D6A1E3
#CEA9E3
#C5B2E3
#BDBAE3
#B4C3E3
#ACCBE3
#A1D6E3
Colorpallet from #E3D6A1 to #A1E3D6 and to #A1D6E3
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#E3D6A1
#D8D8A9
#D8D8A9
#D8D7AA
#D8D7AA
#D8D7AB
#D8D6AB
#D8D6AC
#CEDAB2
#CED9B3
#CED9B3
#CED8B4
#CED7B5
#CED7B5
#CED6B6
#C3DCBA
#C3DBBB
#C3DABC
#C3D9BD
#C3D8BE
#C3D7C0
#C3D6C1
#B9DEC3
#B9DDC4
#B9DBC6
#B9DAC7
#B9D9C8
#B9D8C9
#B9D6CB
#AEE0CB
#AEDECD
#AEDDCF
#AEDBD0
#AEDAD2
#AED8D4
#AED6D6
#A1E3D6
#A1E1D8
#A1DFDA
#A1DDDC
#A1DBDE
#A1D9E0
#A1D6E3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
