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 #C2E4E8 to #C2E8E4 and to #E4C2E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E5E7
#C3E4E7
#C4E3E7
#C4E2E7
#C5E1E8
#C6E0E8
#C7DFE8
#C2E5E7
#C4E3E7
#C6E1E7
#C7DFE7
#C9DDE8
#CBDBE8
#CDD9E8
#C2E6E6
#C5E3E6
#C7E0E7
#CADDE7
#CCDAE7
#CFD8E8
#D2D4E8
#C2E7E5
#C6E3E5
#C9DFE6
#CDDBE6
#D0D7E7
#D4D3E7
#D8CEE8
#C2E7E5
#C6E2E5
#CBDDE6
#CFD9E6
#D3D4E7
#D8CFE7
#DDC9E8
#C2E8E4
#C7E2E5
#CDDCE5
#D2D6E6
#D8D0E7
#DDCAE7
#E4C2E8
Colorpallet from #C2E4E8 to #C2E8E4 and to #E4E8C2
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E5E7
#C3E5E6
#C4E5E5
#C4E5E5
#C5E5E4
#C6E5E3
#C7E5E2
#C2E5E7
#C4E5E5
#C6E5E3
#C7E5E2
#C9E5E0
#CBE5DE
#CDE5DC
#C2E6E6
#C5E6E3
#C7E6E1
#CAE6DE
#CCE6DC
#CFE6D9
#D2E6D6
#C2E7E5
#C6E7E2
#C9E7DE
#CDE7DB
#D0E7D8
#D4E7D4
#D8E7D0
#C2E7E5
#C6E7E1
#CBE7DC
#CFE7D8
#D3E7D4
#D8E7CF
#DDE7CA
#C2E8E4
#C7E8DF
#CDE8D9
#D2E8D4
#D8E8CE
#DDE8C9
#E4E8C2
Colorpallet from #C2E4E8 to #C2E8E4 and to #E8C2E4
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E5E7
#C3E4E7
#C4E3E7
#C5E2E7
#C6E1E7
#C7E0E7
#C8DFE7
#C2E5E7
#C4E3E7
#C6E1E7
#C8DFE7
#CADDE7
#CCDBE7
#CED9E7
#C2E6E6
#C5E3E6
#C8E0E6
#CBDDE6
#CEDAE6
#D0D8E6
#D4D4E6
#C2E7E5
#C6E3E5
#CADFE5
#CEDBE5
#D1D7E5
#D5D3E5
#DACEE5
#C2E7E5
#C7E2E5
#CCDDE5
#D0D9E5
#D5D4E5
#DACFE5
#E0C9E5
#C2E8E4
#C8E2E4
#CEDCE4
#D4D6E4
#DAD0E4
#E0CAE4
#E8C2E4
Colorpallet from #C2E4E8 to #C2E8E4 and to #E8E4C2
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E5E7
#C3E5E6
#C4E5E5
#C5E5E5
#C6E4E4
#C7E4E3
#C8E4E2
#C2E5E7
#C4E5E5
#C6E5E3
#C8E5E2
#CAE4E0
#CCE4DE
#CEE4DC
#C2E6E6
#C5E6E3
#C8E5E1
#CBE5DE
#CEE5DC
#D0E4D9
#D4E4D6
#C2E7E5
#C6E7E2
#CAE6DE
#CEE6DB
#D1E5D8
#D5E5D4
#DAE4D0
#C2E7E5
#C7E7E1
#CCE6DC
#D0E6D8
#D5E5D4
#DAE5CF
#E0E4CA
#C2E8E4
#C8E7DF
#CEE7D9
#D4E6D4
#DAE5CE
#E0E5C9
#E8E4C2
Colorpallet from #C2E4E8 to #E4C2E8 and to #E4E8C2
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C7DFE8
#C7E0E7
#C7E1E6
#C7E2E5
#C7E3E4
#C7E4E3
#C7E5E2
#CDD9E8
#CDDBE6
#CDDDE4
#CDDFE2
#CDE1E0
#CDE3DE
#CDE5DC
#D2D4E8
#D2D7E5
#D2DAE2
#D2DDDF
#D2E0DC
#D2E2DA
#D2E6D6
#D8CEE8
#D8D2E4
#D8D6E0
#D8DADC
#D8DED9
#D8E2D5
#D8E7D0
#DDC9E8
#DDCEE3
#DDD3DE
#DDD7DA
#DDDCD5
#DDE1D0
#DDE7CA
#E4C2E8
#E4C8E2
#E4CEDC
#E4D4D6
#E4DAD0
#E4E0CA
#E4E8C2
Colorpallet from #C2E4E8 to #E4C2E8 and to #E8C2E4
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C7DFE8
#C7DFE8
#C7DFE8
#C7DFE8
#C8DFE7
#C8DFE7
#C8DFE7
#CDD9E8
#CDD9E8
#CDD9E8
#CDD9E8
#CED9E7
#CED9E7
#CED9E7
#D2D4E8
#D2D4E8
#D3D4E7
#D3D4E7
#D3D4E7
#D4D4E6
#D4D4E6
#D8CEE8
#D8CEE8
#D9CEE7
#D9CEE7
#D9CEE6
#DACEE6
#DACEE5
#DDC9E8
#DDC9E8
#DEC9E7
#DEC9E7
#DFC9E6
#DFC9E6
#E0C9E5
#E4C2E8
#E5C2E7
#E5C2E7
#E6C2E6
#E7C2E5
#E7C2E5
#E8C2E4
Colorpallet from #C2E4E8 to #E4C2E8 and to #E8E4C2
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C7DFE8
#C7E0E7
#C7E1E6
#C7E1E5
#C8E2E4
#C8E3E3
#C8E4E2
#CDD9E8
#CDDBE6
#CDDDE4
#CDDEE2
#CEE0E0
#CEE2DE
#CEE4DC
#D2D4E8
#D2D7E5
#D3D9E2
#D3DCDF
#D3DEDC
#D4E1DA
#D4E4D6
#D8CEE8
#D8D2E4
#D9D5E0
#D9D9DC
#D9DCD9
#DAE0D5
#DAE4D0
#DDC9E8
#DDCDE3
#DED2DE
#DED6DA
#DFDAD5
#DFDFD0
#E0E4CA
#E4C2E8
#E5C7E2
#E5CDDC
#E6D2D6
#E7D8D0
#E7DDCA
#E8E4C2
Colorpallet from #C2E4E8 to #E4E8C2 and to #E8C2E4
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C7E5E2
#C7E4E3
#C7E3E4
#C7E2E4
#C8E1E5
#C8E0E6
#C8DFE7
#CDE5DC
#CDE3DE
#CDE1E0
#CDDFE1
#CEDDE3
#CEDBE5
#CED9E7
#D2E6D6
#D2E3D9
#D3E0DB
#D3DDDE
#D3DAE0
#D4D8E3
#D4D4E6
#D8E7D0
#D8E3D3
#D9DFD7
#D9DBDA
#D9D7DD
#DAD3E1
#DACEE5
#DDE7CA
#DDE2CE
#DEDDD3
#DED9D7
#DFD4DB
#DFCFE0
#E0C9E5
#E4E8C2
#E5E2C7
#E5DCCD
#E6D6D2
#E7D0D8
#E7CADD
#E8C2E4
Colorpallet from #C2E4E8 to #E4E8C2 and to #E8E4C2
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C7E5E2
#C7E5E2
#C7E5E2
#C7E5E2
#C8E4E2
#C8E4E2
#C8E4E2
#CDE5DC
#CDE5DC
#CDE5DC
#CDE5DC
#CEE4DC
#CEE4DC
#CEE4DC
#D2E6D6
#D2E6D6
#D3E5D6
#D3E5D6
#D3E5D6
#D4E4D6
#D4E4D6
#D8E7D0
#D8E7D0
#D9E6D0
#D9E6D0
#D9E5D0
#DAE5D0
#DAE4D0
#DDE7CA
#DDE7CA
#DEE6CA
#DEE6CA
#DFE5CA
#DFE5CA
#E0E4CA
#E4E8C2
#E5E7C2
#E5E7C2
#E6E6C2
#E7E5C2
#E7E5C2
#E8E4C2
Colorpallet from #C2E4E8 to #E8C2E4 and to #E8E4C2
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C2E4E8
#C8DFE7
#C8E0E6
#C8E1E5
#C8E1E5
#C8E2E4
#C8E3E3
#C8E4E2
#CED9E7
#CEDBE5
#CEDDE3
#CEDEE2
#CEE0E0
#CEE2DE
#CEE4DC
#D4D4E6
#D4D7E3
#D4D9E1
#D4DCDE
#D4DEDC
#D4E1D9
#D4E4D6
#DACEE5
#DAD2E2
#DAD5DE
#DAD9DB
#DADCD8
#DAE0D4
#DAE4D0
#E0C9E5
#E0CDE1
#E0D2DC
#E0D6D8
#E0DAD4
#E0DFCF
#E0E4CA
#E8C2E4
#E8C7DF
#E8CDD9
#E8D2D4
#E8D8CE
#E8DDC9
#E8E4C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts