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 #C2D2E4 to #C2E4D2 and to #D2C2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D5E1
#C2D4E1
#C3D3E2
#C3D2E2
#C4D1E3
#C4D0E3
#C5CFE4
#C2D8DE
#C3D6DF
#C4D4E0
#C4D3E1
#C5D1E2
#C6CFE3
#C7CDE4
#C2DBDB
#C3D8DC
#C5D6DE
#C6D3DF
#C7D0E1
#C8CDE2
#CACAE4
#C2DED8
#C4DADA
#C5D7DC
#C7D3DE
#C8D0E0
#CACCE2
#CCC8E4
#C2E0D6
#C4DCD8
#C6D7DA
#C8D3DD
#CACFDF
#CCCAE1
#CFC5E4
#C2E4D2
#C5DFD5
#C7D9D8
#CAD4DB
#CCCEDE
#CFC9E0
#D2C2E4
Colorpallet from #C2D2E4 to #C2E4D2 and to #D2E4C2
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D5E1
#C2D5E1
#C3D5E0
#C3D5E0
#C4D5E0
#C4D5DF
#C5D5DF
#C2D8DE
#C3D8DD
#C4D8DC
#C4D8DC
#C5D8DB
#C6D8DA
#C7D8D9
#C2DBDB
#C3DBDA
#C5DBD9
#C6DBD8
#C7DBD7
#C8DBD5
#CADBD4
#C2DED8
#C4DED6
#C5DED5
#C7DED3
#C8DED2
#CADED0
#CCDECE
#C2E0D6
#C4E0D4
#C6E0D2
#C8E0D0
#CAE0CE
#CCE0CC
#CFE0C9
#C2E4D2
#C5E4CF
#C7E4CD
#CAE4CA
#CCE4C8
#CFE4C5
#D2E4C2
Colorpallet from #C2D2E4 to #C2E4D2 and to #E4C2D2
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D5E1
#C3D4E1
#C4D3E1
#C4D2E1
#C5D1E1
#C6D0E1
#C7CFE1
#C2D8DE
#C4D6DE
#C6D4DE
#C7D3DE
#C9D1DE
#CBCFDE
#CDCDDE
#C2DBDB
#C5D8DB
#C7D6DB
#CAD3DB
#CCD0DB
#CFCDDB
#D2CADB
#C2DED8
#C6DAD8
#C9D7D8
#CDD3D8
#D0D0D8
#D4CCD8
#D8C8D8
#C2E0D6
#C6DCD6
#CBD7D6
#CFD3D6
#D3CFD6
#D8CAD6
#DDC5D6
#C2E4D2
#C7DFD2
#CDD9D2
#D2D4D2
#D8CED2
#DDC9D2
#E4C2D2
Colorpallet from #C2D2E4 to #C2E4D2 and to #E4D2C2
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D5E1
#C3D5E1
#C4D4E0
#C4D4E0
#C5D3E0
#C6D3DF
#C7D2DF
#C2D8DE
#C4D7DD
#C6D6DC
#C7D5DC
#C9D4DB
#CBD3DA
#CDD2D9
#C2DBDB
#C5DADA
#C7D8D9
#CAD7D8
#CCD5D7
#CFD4D5
#D2D2D4
#C2DED8
#C6DCD6
#C9DAD5
#CDD8D3
#D0D6D2
#D4D4D0
#D8D2CE
#C2E0D6
#C6DED4
#CBDCD2
#CFD9D0
#D3D7CE
#D8D5CC
#DDD2C9
#C2E4D2
#C7E1CF
#CDDECD
#D2DBCA
#D8D8C8
#DDD6C5
#E4D2C2
Colorpallet from #C2D2E4 to #D2C2E4 and to #D2E4C2
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C5CFE4
#C5D0E3
#C5D1E2
#C5D2E2
#C5D3E1
#C5D4E0
#C5D5DF
#C7CDE4
#C7CFE2
#C7D1E0
#C7D2DF
#C7D4DD
#C7D6DB
#C7D8D9
#CACAE4
#CACDE1
#CACFDF
#CAD2DC
#CAD5DA
#CAD8D7
#CADBD4
#CCC8E4
#CCCCE0
#CCCFDD
#CCD3D9
#CCD6D6
#CCDAD2
#CCDECE
#CFC5E4
#CFC9E0
#CFCEDB
#CFD2D7
#CFD6D3
#CFDBCE
#CFE0C9
#D2C2E4
#D2C7DF
#D2CDD9
#D2D2D4
#D2D8CE
#D2DDC9
#D2E4C2
Colorpallet from #C2D2E4 to #D2C2E4 and to #E4C2D2
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C5CFE4
#C5CFE4
#C6CFE3
#C6CFE3
#C6CFE2
#C7CFE2
#C7CFE1
#C7CDE4
#C8CDE3
#C9CDE2
#CACDE1
#CBCDE0
#CCCDDF
#CDCDDE
#CACAE4
#CBCAE3
#CDCAE1
#CECAE0
#CFCADE
#D0CADD
#D2CADB
#CCC8E4
#CEC8E2
#D0C8E0
#D2C8DE
#D4C8DC
#D6C8DA
#D8C8D8
#CFC5E4
#D1C5E2
#D3C5E0
#D6C5DD
#D8C5DB
#DAC5D9
#DDC5D6
#D2C2E4
#D5C2E1
#D8C2DE
#DBC2DB
#DEC2D8
#E0C2D6
#E4C2D2
Colorpallet from #C2D2E4 to #D2C2E4 and to #E4D2C2
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C5CFE4
#C5CFE3
#C6D0E2
#C6D0E2
#C6D1E1
#C7D1E0
#C7D2DF
#C7CDE4
#C8CEE2
#C9CFE0
#CACFDF
#CBD0DD
#CCD1DB
#CDD2D9
#CACAE4
#CBCBE1
#CDCDDF
#CECEDC
#CFCFDA
#D0D0D7
#D2D2D4
#CCC8E4
#CECAE0
#D0CBDD
#D2CDD9
#D4CED6
#D6D0D2
#D8D2CE
#CFC5E4
#D1C7E0
#D3C9DB
#D6CBD7
#D8CDD3
#DACFCE
#DDD2C9
#D2C2E4
#D5C5DF
#D8C7D9
#DBCAD4
#DECCCE
#E0CFC9
#E4D2C2
Colorpallet from #C2D2E4 to #D2E4C2 and to #E4C2D2
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C5D5DF
#C5D4DF
#C6D3E0
#C6D2E0
#C6D1E0
#C7D0E1
#C7CFE1
#C7D8D9
#C8D6DA
#C9D4DB
#CAD3DB
#CBD1DC
#CCCFDD
#CDCDDE
#CADBD4
#CBD8D5
#CDD6D6
#CED3D7
#CFD0D8
#D0CDDA
#D2CADB
#CCDECE
#CEDAD0
#D0D7D1
#D2D3D3
#D4D0D4
#D6CCD6
#D8C8D8
#CFE0C9
#D1DCCB
#D3D7CD
#D6D3CF
#D8CFD1
#DACAD3
#DDC5D6
#D2E4C2
#D5DFC5
#D8D9C7
#DBD4CA
#DECECC
#E0C9CF
#E4C2D2
Colorpallet from #C2D2E4 to #D2E4C2 and to #E4D2C2
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C5D5DF
#C5D5DF
#C6D4DF
#C6D4DF
#C6D3DF
#C7D3DF
#C7D2DF
#C7D8D9
#C8D7D9
#C9D6D9
#CAD5D9
#CBD4D9
#CCD3D9
#CDD2D9
#CADBD4
#CBDAD4
#CDD8D4
#CED7D4
#CFD5D4
#D0D4D4
#D2D2D4
#CCDECE
#CEDCCE
#D0DACE
#D2D8CE
#D4D6CE
#D6D4CE
#D8D2CE
#CFE0C9
#D1DEC9
#D3DCC9
#D6D9C9
#D8D7C9
#DAD5C9
#DDD2C9
#D2E4C2
#D5E1C2
#D8DEC2
#DBDBC2
#DED8C2
#E0D6C2
#E4D2C2
Colorpallet from #C2D2E4 to #E4C2D2 and to #E4D2C2
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C2D2E4
#C7CFE1
#C7CFE1
#C7D0E0
#C7D0E0
#C7D1E0
#C7D1DF
#C7D2DF
#CDCDDE
#CDCEDD
#CDCFDC
#CDCFDC
#CDD0DB
#CDD1DA
#CDD2D9
#D2CADB
#D2CBDA
#D2CDD9
#D2CED8
#D2CFD7
#D2D0D5
#D2D2D4
#D8C8D8
#D8CAD6
#D8CBD5
#D8CDD3
#D8CED2
#D8D0D0
#D8D2CE
#DDC5D6
#DDC7D4
#DDC9D2
#DDCBD0
#DDCDCE
#DDCFCC
#DDD2C9
#E4C2D2
#E4C5CF
#E4C7CD
#E4CACA
#E4CCC8
#E4CFC5
#E4D2C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
