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 #C2E0E6 to #C2E6E0 and to #E0C2E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E1E5
#C3E0E5
#C4DFE5
#C4DEE5
#C5DDE6
#C6DCE6
#C7DBE6
#C2E2E4
#C4E0E4
#C5DEE5
#C7DCE5
#C8DAE5
#CAD8E6
#CCD6E6
#C2E3E3
#C4E0E3
#C6DEE4
#C9DBE4
#CBD8E5
#CDD5E5
#D0D2E6
#C2E4E2
#C5E0E3
#C8DDE3
#CBD9E4
#CED5E5
#D1D2E5
#D5CDE6
#C2E5E1
#C6E0E2
#CADCE3
#CED7E3
#D1D2E4
#D5CEE5
#DAC8E6
#C2E6E0
#C7E0E1
#CCDAE2
#D0D5E3
#D5CFE4
#DAC9E5
#E0C2E6
Colorpallet from #C2E0E6 to #C2E6E0 and to #E0E6C2
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E1E5
#C3E1E4
#C4E1E3
#C4E1E3
#C5E1E2
#C6E1E1
#C7E1E0
#C2E2E4
#C4E2E2
#C5E2E1
#C7E2DF
#C8E2DE
#CAE2DC
#CCE2DA
#C2E3E3
#C4E3E1
#C6E3DF
#C9E3DC
#CBE3DA
#CDE3D8
#D0E3D5
#C2E4E2
#C5E4DF
#C8E4DC
#CBE4D9
#CEE4D6
#D1E4D3
#D5E4CF
#C2E5E1
#C6E5DD
#CAE5D9
#CEE5D5
#D1E5D2
#D5E5CE
#DAE5C9
#C2E6E0
#C7E6DB
#CCE6D6
#D0E6D2
#D5E6CD
#DAE6C8
#E0E6C2
Colorpallet from #C2E0E6 to #C2E6E0 and to #E6C2E0
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E1E5
#C3E0E5
#C4DFE5
#C5DEE5
#C6DDE5
#C7DCE5
#C8DBE5
#C2E2E4
#C4E0E4
#C6DEE4
#C8DCE4
#CADAE4
#CCD8E4
#CED6E4
#C2E3E3
#C5E0E3
#C7DEE3
#CADBE3
#CDD8E3
#D0D5E3
#D3D2E3
#C2E4E2
#C6E0E2
#C9DDE2
#CDD9E2
#D1D5E2
#D4D2E2
#D9CDE2
#C2E5E1
#C7E0E1
#CBDCE1
#D0D7E1
#D5D2E1
#D9CEE1
#DFC8E1
#C2E6E0
#C8E0E0
#CEDAE0
#D3D5E0
#D9CFE0
#DFC9E0
#E6C2E0
Colorpallet from #C2E0E6 to #C2E6E0 and to #E6E0C2
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E1E5
#C3E1E4
#C4E1E3
#C5E1E3
#C6E0E2
#C7E0E1
#C8E0E0
#C2E2E4
#C4E2E2
#C6E1E1
#C8E1DF
#CAE1DE
#CCE0DC
#CEE0DA
#C2E3E3
#C5E3E1
#C7E2DF
#CAE2DC
#CDE1DA
#D0E1D8
#D3E0D5
#C2E4E2
#C6E3DF
#C9E3DC
#CDE2D9
#D1E1D6
#D4E1D3
#D9E0CF
#C2E5E1
#C7E4DD
#CBE3D9
#D0E3D5
#D5E2D2
#D9E1CE
#DFE0C9
#C2E6E0
#C8E5DB
#CEE4D6
#D3E3D2
#D9E2CD
#DFE1C8
#E6E0C2
Colorpallet from #C2E0E6 to #E0C2E6 and to #E0E6C2
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C7DBE6
#C7DCE5
#C7DDE4
#C7DEE3
#C7DFE2
#C7E0E1
#C7E1E0
#CCD6E6
#CCD8E4
#CCDAE2
#CCDCE0
#CCDEDE
#CCE0DC
#CCE2DA
#D0D2E6
#D0D5E3
#D0D7E1
#D0DADE
#D0DDDB
#D0E0D8
#D0E3D5
#D5CDE6
#D5D1E2
#D5D4DF
#D5D8DB
#D5DCD7
#D5DFD4
#D5E4CF
#DAC8E6
#DACDE1
#DAD1DD
#DAD6D8
#DADBD3
#DADFCF
#DAE5C9
#E0C2E6
#E0C8E0
#E0CEDA
#E0D3D5
#E0D9CF
#E0DFC9
#E0E6C2
Colorpallet from #C2E0E6 to #E0C2E6 and to #E6C2E0
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C7DBE6
#C7DBE6
#C7DBE6
#C7DBE6
#C8DBE5
#C8DBE5
#C8DBE5
#CCD6E6
#CCD6E6
#CDD6E5
#CDD6E5
#CDD6E5
#CED6E4
#CED6E4
#D0D2E6
#D0D2E6
#D1D2E5
#D1D2E5
#D2D2E4
#D2D2E4
#D3D2E3
#D5CDE6
#D6CDE5
#D6CDE5
#D7CDE4
#D8CDE3
#D8CDE3
#D9CDE2
#DAC8E6
#DBC8E5
#DCC8E4
#DCC8E4
#DDC8E3
#DEC8E2
#DFC8E1
#E0C2E6
#E1C2E5
#E2C2E4
#E3C2E3
#E4C2E2
#E5C2E1
#E6C2E0
Colorpallet from #C2E0E6 to #E0C2E6 and to #E6E0C2
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C7DBE6
#C7DCE5
#C7DDE4
#C7DDE3
#C8DEE2
#C8DFE1
#C8E0E0
#CCD6E6
#CCD8E4
#CDD9E2
#CDDBE0
#CDDCDE
#CEDEDC
#CEE0DA
#D0D2E6
#D0D4E3
#D1D6E1
#D1D9DE
#D2DBDB
#D2DDD8
#D3E0D5
#D5CDE6
#D6D0E2
#D6D3DF
#D7D6DB
#D8D9D7
#D8DCD4
#D9E0CF
#DAC8E6
#DBCCE1
#DCD0DD
#DCD4D8
#DDD7D3
#DEDBCF
#DFE0C9
#E0C2E6
#E1C7E0
#E2CCDA
#E3D0D5
#E4D5CF
#E5DAC9
#E6E0C2
Colorpallet from #C2E0E6 to #E0E6C2 and to #E6C2E0
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C7E1E0
#C7E0E1
#C7DFE2
#C7DEE2
#C8DDE3
#C8DCE4
#C8DBE5
#CCE2DA
#CCE0DC
#CDDEDD
#CDDCDF
#CDDAE0
#CED8E2
#CED6E4
#D0E3D5
#D0E0D7
#D1DED9
#D1DBDC
#D2D8DE
#D2D5E0
#D3D2E3
#D5E4CF
#D6E0D2
#D6DDD5
#D7D9D8
#D8D5DB
#D8D2DE
#D9CDE2
#DAE5C9
#DBE0CD
#DCDCD1
#DCD7D5
#DDD2D8
#DECEDC
#DFC8E1
#E0E6C2
#E1E0C7
#E2DACC
#E3D5D0
#E4CFD5
#E5C9DA
#E6C2E0
Colorpallet from #C2E0E6 to #E0E6C2 and to #E6E0C2
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C7E1E0
#C7E1E0
#C7E1E0
#C7E1E0
#C8E0E0
#C8E0E0
#C8E0E0
#CCE2DA
#CCE2DA
#CDE1DA
#CDE1DA
#CDE1DA
#CEE0DA
#CEE0DA
#D0E3D5
#D0E3D5
#D1E2D5
#D1E2D5
#D2E1D5
#D2E1D5
#D3E0D5
#D5E4CF
#D6E3CF
#D6E3CF
#D7E2CF
#D8E1CF
#D8E1CF
#D9E0CF
#DAE5C9
#DBE4C9
#DCE3C9
#DCE3C9
#DDE2C9
#DEE1C9
#DFE0C9
#E0E6C2
#E1E5C2
#E2E4C2
#E3E3C2
#E4E2C2
#E5E1C2
#E6E0C2
Colorpallet from #C2E0E6 to #E6C2E0 and to #E6E0C2
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C2E0E6
#C8DBE5
#C8DCE4
#C8DDE3
#C8DDE3
#C8DEE2
#C8DFE1
#C8E0E0
#CED6E4
#CED8E2
#CED9E1
#CEDBDF
#CEDCDE
#CEDEDC
#CEE0DA
#D3D2E3
#D3D4E1
#D3D6DF
#D3D9DC
#D3DBDA
#D3DDD8
#D3E0D5
#D9CDE2
#D9D0DF
#D9D3DC
#D9D6D9
#D9D9D6
#D9DCD3
#D9E0CF
#DFC8E1
#DFCCDD
#DFD0D9
#DFD4D5
#DFD7D2
#DFDBCE
#DFE0C9
#E6C2E0
#E6C7DB
#E6CCD6
#E6D0D2
#E6D5CD
#E6DAC8
#E6E0C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts