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 #C2D2E2 to #C2E2D2 and to #D2C2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D5DF
#C2D4DF
#C3D3E0
#C3D2E0
#C4D1E1
#C4D0E1
#C5CFE2
#C2D7DD
#C3D5DE
#C4D4DF
#C4D2DF
#C5D1E0
#C6CFE1
#C7CDE2
#C2DADA
#C3D7DB
#C5D5DD
#C6D2DE
#C7D0DF
#C8CDE0
#CACAE2
#C2DCD8
#C4D9DA
#C5D6DB
#C7D2DD
#C8CFDE
#CACCE0
#CCC8E2
#C2DFD5
#C4DBD7
#C6D7D9
#C8D3DB
#CACEDD
#CCCADF
#CFC5E2
#C2E2D2
#C5DDD5
#C7D8D7
#CAD3DA
#CCCEDC
#CFC8DF
#D2C2E2
Colorpallet from #C2D2E2 to #C2E2D2 and to #D2E2C2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D5DF
#C2D5DF
#C3D5DE
#C3D5DE
#C4D5DE
#C4D5DD
#C5D5DD
#C2D7DD
#C3D7DC
#C4D7DB
#C4D7DB
#C5D7DA
#C6D7D9
#C7D7D8
#C2DADA
#C3DAD9
#C5DAD8
#C6DAD7
#C7DAD6
#C8DAD4
#CADAD3
#C2DCD8
#C4DCD6
#C5DCD5
#C7DCD3
#C8DCD2
#CADCD0
#CCDCCE
#C2DFD5
#C4DFD3
#C6DFD1
#C8DFCF
#CADFCD
#CCDFCB
#CFDFC8
#C2E2D2
#C5E2CF
#C7E2CD
#CAE2CA
#CCE2C8
#CFE2C5
#D2E2C2
Colorpallet from #C2D2E2 to #C2E2D2 and to #E2C2D2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D5DF
#C3D4DF
#C4D3DF
#C4D2DF
#C5D1DF
#C6D0DF
#C7CFDF
#C2D7DD
#C4D5DD
#C5D4DD
#C7D2DD
#C8D1DD
#CACFDD
#CCCDDD
#C2DADA
#C4D7DA
#C7D5DA
#C9D2DA
#CCD0DA
#CECDDA
#D1CADA
#C2DCD8
#C5D9D8
#C8D6D8
#CCD2D8
#CFCFD8
#D2CCD8
#D6C8D8
#C2DFD5
#C6DBD5
#CAD7D5
#CED3D5
#D3CED5
#D7CAD5
#DCC5D5
#C2E2D2
#C7DDD2
#CCD8D2
#D1D3D2
#D6CED2
#DCC8D2
#E2C2D2
Colorpallet from #C2D2E2 to #C2E2D2 and to #E2D2C2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D5DF
#C3D5DF
#C4D4DE
#C4D4DE
#C5D3DE
#C6D3DD
#C7D2DD
#C2D7DD
#C4D6DC
#C5D5DB
#C7D5DB
#C8D4DA
#CAD3D9
#CCD2D8
#C2DADA
#C4D9D9
#C7D7D8
#C9D6D7
#CCD5D6
#CED4D4
#D1D2D3
#C2DCD8
#C5DAD6
#C8D9D5
#CCD7D3
#CFD6D2
#D2D4D0
#D6D2CE
#C2DFD5
#C6DDD3
#CADBD1
#CED9CF
#D3D7CD
#D7D5CB
#DCD2C8
#C2E2D2
#C7DFCF
#CCDDCD
#D1DACA
#D6D8C8
#DCD5C5
#E2D2C2
Colorpallet from #C2D2E2 to #D2C2E2 and to #D2E2C2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C5CFE2
#C5D0E1
#C5D1E0
#C5D2E0
#C5D3DF
#C5D4DE
#C5D5DD
#C7CDE2
#C7CFE0
#C7D0DF
#C7D2DD
#C7D3DC
#C7D5DA
#C7D7D8
#CACAE2
#CACDE0
#CACFDD
#CAD2DB
#CAD4D8
#CAD7D6
#CADAD3
#CCC8E2
#CCCBDF
#CCCEDC
#CCD2D8
#CCD5D5
#CCD8D2
#CCDCCE
#CFC5E2
#CFC9DE
#CFCDDA
#CFD1D6
#CFD6D1
#CFDACD
#CFDFC8
#D2C2E2
#D2C7DD
#D2CCD8
#D2D1D3
#D2D6CE
#D2DCC8
#D2E2C2
Colorpallet from #C2D2E2 to #D2C2E2 and to #E2C2D2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C5CFE2
#C5CFE2
#C6CFE1
#C6CFE1
#C6CFE0
#C7CFE0
#C7CFDF
#C7CDE2
#C8CDE1
#C9CDE0
#C9CDE0
#CACDDF
#CBCDDE
#CCCDDD
#CACAE2
#CBCAE1
#CCCADF
#CDCADE
#CECADD
#D0CADC
#D1CADA
#CCC8E2
#CEC8E0
#CFC8DF
#D1C8DD
#D2C8DC
#D4C8DA
#D6C8D8
#CFC5E2
#D1C5E0
#D3C5DE
#D5C5DC
#D7C5DA
#D9C5D8
#DCC5D5
#D2C2E2
#D5C2DF
#D7C2DD
#DAC2DA
#DCC2D8
#DFC2D5
#E2C2D2
Colorpallet from #C2D2E2 to #D2C2E2 and to #E2D2C2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C5CFE2
#C5CFE1
#C6D0E0
#C6D0E0
#C6D1DF
#C7D1DE
#C7D2DD
#C7CDE2
#C8CEE0
#C9CFDF
#C9CFDD
#CAD0DC
#CBD1DA
#CCD2D8
#CACAE2
#CBCBE0
#CCCDDD
#CDCEDB
#CECFD8
#D0D0D6
#D1D2D3
#CCC8E2
#CECADF
#CFCBDC
#D1CDD8
#D2CED5
#D4D0D2
#D6D2CE
#CFC5E2
#D1C7DE
#D3C9DA
#D5CBD6
#D7CDD1
#D9CFCD
#DCD2C8
#D2C2E2
#D5C5DD
#D7C7D8
#DACAD3
#DCCCCE
#DFCFC8
#E2D2C2
Colorpallet from #C2D2E2 to #D2E2C2 and to #E2C2D2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C5D5DD
#C5D4DD
#C6D3DE
#C6D2DE
#C6D1DE
#C7D0DF
#C7CFDF
#C7D7D8
#C8D5D9
#C9D4DA
#C9D2DA
#CAD1DB
#CBCFDC
#CCCDDD
#CADAD3
#CBD7D4
#CCD5D5
#CDD2D6
#CED0D7
#D0CDD9
#D1CADA
#CCDCCE
#CED9D0
#CFD6D1
#D1D2D3
#D2CFD4
#D4CCD6
#D6C8D8
#CFDFC8
#D1DBCA
#D3D7CC
#D5D3CE
#D7CED0
#D9CAD2
#DCC5D5
#D2E2C2
#D5DDC5
#D7D8C7
#DAD3CA
#DCCECC
#DFC8CF
#E2C2D2
Colorpallet from #C2D2E2 to #D2E2C2 and to #E2D2C2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C5D5DD
#C5D5DD
#C6D4DD
#C6D4DD
#C6D3DD
#C7D3DD
#C7D2DD
#C7D7D8
#C8D6D8
#C9D5D8
#C9D5D8
#CAD4D8
#CBD3D8
#CCD2D8
#CADAD3
#CBD9D3
#CCD7D3
#CDD6D3
#CED5D3
#D0D4D3
#D1D2D3
#CCDCCE
#CEDACE
#CFD9CE
#D1D7CE
#D2D6CE
#D4D4CE
#D6D2CE
#CFDFC8
#D1DDC8
#D3DBC8
#D5D9C8
#D7D7C8
#D9D5C8
#DCD2C8
#D2E2C2
#D5DFC2
#D7DDC2
#DADAC2
#DCD8C2
#DFD5C2
#E2D2C2
Colorpallet from #C2D2E2 to #E2C2D2 and to #E2D2C2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C2D2E2
#C7CFDF
#C7CFDF
#C7D0DE
#C7D0DE
#C7D1DE
#C7D1DD
#C7D2DD
#CCCDDD
#CCCEDC
#CCCFDB
#CCCFDB
#CCD0DA
#CCD1D9
#CCD2D8
#D1CADA
#D1CBD9
#D1CDD8
#D1CED7
#D1CFD6
#D1D0D4
#D1D2D3
#D6C8D8
#D6CAD6
#D6CBD5
#D6CDD3
#D6CED2
#D6D0D0
#D6D2CE
#DCC5D5
#DCC7D3
#DCC9D1
#DCCBCF
#DCCDCD
#DCCFCB
#DCD2C8
#E2C2D2
#E2C5CF
#E2C7CD
#E2CACA
#E2CCC8
#E2CFC5
#E2D2C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts