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 #C3E2E4 to #C3E4E2 and to #E2C3E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C4E1E4
#C5E0E4
#C5E0E4
#C6DFE4
#C7DEE4
#C8DDE4
#C3E3E3
#C5E1E3
#C6DFE3
#C8DEE3
#C9DCE4
#CBDAE4
#CDD8E4
#C3E3E3
#C5E0E3
#C8DEE3
#CADBE3
#CDD9E4
#CFD6E4
#D2D3E4
#C3E3E3
#C6E0E3
#C9DCE3
#CDD9E3
#D0D6E4
#D3D2E4
#D7CEE4
#C3E4E2
#C7E0E2
#CBDBE3
#CFD7E3
#D3D3E3
#D7CEE4
#DCC9E4
#C3E4E2
#C8DFE2
#CDD9E3
#D2D4E3
#D7CFE3
#DCCAE4
#E2C3E4
Colorpallet from #C3E2E4 to #C3E4E2 and to #E2E4C3
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C4E2E3
#C5E2E2
#C5E2E2
#C6E2E1
#C7E2E0
#C8E2DF
#C3E3E3
#C5E3E1
#C6E3E0
#C8E3DE
#C9E3DD
#CBE3DB
#CDE3D9
#C3E3E3
#C5E3E1
#C8E3DE
#CAE3DC
#CDE3D9
#CFE3D7
#D2E3D4
#C3E3E3
#C6E3E0
#C9E3DD
#CDE3D9
#D0E3D6
#D3E3D3
#D7E3CF
#C3E4E2
#C7E4DE
#CBE4DA
#CFE4D6
#D3E4D3
#D7E4CF
#DCE4CA
#C3E4E2
#C8E4DD
#CDE4D8
#D2E4D3
#D7E4CE
#DCE4C9
#E2E4C3
Colorpallet from #C3E2E4 to #C3E4E2 and to #E4C3E2
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C4E1E4
#C5E0E4
#C5E0E4
#C6DFE4
#C7DEE4
#C8DDE4
#C3E3E3
#C5E1E3
#C7DFE3
#C8DEE3
#CADCE3
#CCDAE3
#CED8E3
#C3E3E3
#C6E0E3
#C8DEE3
#CBDBE3
#CDD9E3
#D0D6E3
#D3D3E3
#C3E3E3
#C6E0E3
#CADCE3
#CDD9E3
#D0D6E3
#D4D2E3
#D8CEE3
#C3E4E2
#C7E0E2
#CBDBE2
#CFD7E2
#D4D3E2
#D8CEE2
#DDC9E2
#C3E4E2
#C8DFE2
#CED9E2
#D3D4E2
#D8CFE2
#DDCAE2
#E4C3E2
Colorpallet from #C3E2E4 to #C3E4E2 and to #E4E2C3
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C4E2E3
#C5E2E2
#C5E2E2
#C6E2E1
#C7E2E0
#C8E2DF
#C3E3E3
#C5E3E1
#C7E3E0
#C8E3DE
#CAE2DD
#CCE2DB
#CEE2D9
#C3E3E3
#C6E3E1
#C8E3DE
#CBE3DC
#CDE2D9
#D0E2D7
#D3E2D4
#C3E3E3
#C6E3E0
#CAE3DD
#CDE3D9
#D0E2D6
#D4E2D3
#D8E2CF
#C3E4E2
#C7E4DE
#CBE3DA
#CFE3D6
#D4E3D3
#D8E2CF
#DDE2CA
#C3E4E2
#C8E4DD
#CEE3D8
#D3E3D3
#D8E3CE
#DDE2C9
#E4E2C3
Colorpallet from #C3E2E4 to #E2C3E4 and to #E2E4C3
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C8DDE4
#C8DEE3
#C8DFE2
#C8DFE2
#C8E0E1
#C8E1E0
#C8E2DF
#CDD8E4
#CDDAE2
#CDDCE0
#CDDDDF
#CDDFDD
#CDE1DB
#CDE3D9
#D2D3E4
#D2D6E1
#D2D8DF
#D2DBDC
#D2DDDA
#D2E0D7
#D2E3D4
#D7CEE4
#D7D1E1
#D7D5DD
#D7D8DA
#D7DBD7
#D7DFD3
#D7E3CF
#DCC9E4
#DCCDE0
#DCD2DC
#DCD6D8
#DCDAD3
#DCDFCF
#DCE4CA
#E2C3E4
#E2C8DF
#E2CED9
#E2D3D4
#E2D8CF
#E2DDCA
#E2E4C3
Colorpallet from #C3E2E4 to #E2C3E4 and to #E4C3E2
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C8DDE4
#C8DDE4
#C8DDE4
#C8DDE4
#C8DDE4
#C8DDE4
#C8DDE4
#CDD8E4
#CDD8E4
#CDD8E4
#CDD8E4
#CED8E3
#CED8E3
#CED8E3
#D2D3E4
#D2D3E4
#D2D3E4
#D2D3E4
#D3D3E3
#D3D3E3
#D3D3E3
#D7CEE4
#D7CEE4
#D7CEE4
#D7CEE4
#D8CEE3
#D8CEE3
#D8CEE3
#DCC9E4
#DCC9E4
#DCC9E3
#DCC9E3
#DDC9E3
#DDC9E2
#DDC9E2
#E2C3E4
#E2C3E4
#E3C3E3
#E3C3E3
#E3C3E3
#E4C3E2
#E4C3E2
Colorpallet from #C3E2E4 to #E2C3E4 and to #E4E2C3
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C8DDE4
#C8DEE3
#C8DFE2
#C8DFE2
#C8E0E1
#C8E1E0
#C8E2DF
#CDD8E4
#CDDAE2
#CDDBE0
#CDDDDF
#CEDEDD
#CEE0DB
#CEE2D9
#D2D3E4
#D2D5E1
#D2D8DF
#D2DADC
#D3DDDA
#D3DFD7
#D3E2D4
#D7CEE4
#D7D1E1
#D7D4DD
#D7D8DA
#D8DBD7
#D8DED3
#D8E2CF
#DCC9E4
#DCCDE0
#DCD1DC
#DCD5D8
#DDD9D3
#DDDDCF
#DDE2CA
#E2C3E4
#E2C8DF
#E3CDD9
#E3D2D4
#E3D7CF
#E4DCCA
#E4E2C3
Colorpallet from #C3E2E4 to #E2E4C3 and to #E4C3E2
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C8E2DF
#C8E1E0
#C8E0E1
#C8E0E1
#C8DFE2
#C8DEE3
#C8DDE4
#CDE3D9
#CDE1DB
#CDDFDC
#CDDEDE
#CEDCDF
#CEDAE1
#CED8E3
#D2E3D4
#D2E0D6
#D2DED9
#D2DBDB
#D3D9DE
#D3D6E0
#D3D3E3
#D7E3CF
#D7E0D2
#D7DCD5
#D7D9D9
#D8D6DC
#D8D2DF
#D8CEE3
#DCE4CA
#DCE0CE
#DCDBD2
#DCD7D6
#DDD3D9
#DDCEDD
#DDC9E2
#E2E4C3
#E2DFC8
#E3D9CD
#E3D4D2
#E3CFD7
#E4CADC
#E4C3E2
Colorpallet from #C3E2E4 to #E2E4C3 and to #E4E2C3
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C8E2DF
#C8E2DF
#C8E2DF
#C8E2DF
#C8E2DF
#C8E2DF
#C8E2DF
#CDE3D9
#CDE3D9
#CDE3D9
#CDE3D9
#CEE2D9
#CEE2D9
#CEE2D9
#D2E3D4
#D2E3D4
#D2E3D4
#D2E3D4
#D3E2D4
#D3E2D4
#D3E2D4
#D7E3CF
#D7E3CF
#D7E3CF
#D7E3CF
#D8E2CF
#D8E2CF
#D8E2CF
#DCE4CA
#DCE4CA
#DCE3CA
#DCE3CA
#DDE3CA
#DDE2CA
#DDE2CA
#E2E4C3
#E2E4C3
#E3E3C3
#E3E3C3
#E3E3C3
#E4E2C3
#E4E2C3
Colorpallet from #C3E2E4 to #E4C3E2 and to #E4E2C3
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C3E2E4
#C8DDE4
#C8DEE3
#C8DFE2
#C8DFE2
#C8E0E1
#C8E1E0
#C8E2DF
#CED8E3
#CEDAE1
#CEDBE0
#CEDDDE
#CEDEDD
#CEE0DB
#CEE2D9
#D3D3E3
#D3D5E1
#D3D8DE
#D3DADC
#D3DDD9
#D3DFD7
#D3E2D4
#D8CEE3
#D8D1E0
#D8D4DD
#D8D8D9
#D8DBD6
#D8DED3
#D8E2CF
#DDC9E2
#DDCDDE
#DDD1DA
#DDD5D6
#DDD9D3
#DDDDCF
#DDE2CA
#E4C3E2
#E4C8DD
#E4CDD8
#E4D2D3
#E4D7CE
#E4DCC9
#E4E2C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts