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 #C2D8D0 to #C2D0D8 and to #D8C2D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D7D1
#C3D7D1
#C3D6D1
#C4D6D1
#C5D5D0
#C5D5D0
#C6D4D0
#C2D5D3
#C3D4D3
#C4D4D2
#C5D3D2
#C6D2D1
#C8D2D1
#C9D1D0
#C2D4D4
#C4D3D3
#C6D2D3
#C7D1D2
#C9D0D1
#CBCED1
#CDCDD0
#C2D3D5
#C4D2D4
#C6D0D3
#C9CFD3
#CBCDD2
#CDCCD1
#D0CAD0
#C2D2D6
#C5D0D5
#C8CED4
#CBCCD3
#CECAD2
#D0C8D1
#D4C6D0
#C2D0D8
#C6CED7
#C9CCD5
#CDC9D4
#D0C7D3
#D4C5D2
#D8C2D0
Colorpallet from #C2D8D0 to #C2D0D8 and to #D8D0C2
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D7D1
#C3D7D1
#C3D7D0
#C4D7D0
#C5D7CF
#C5D7CF
#C6D7CE
#C2D5D3
#C3D5D2
#C4D5D1
#C5D5D0
#C6D5CF
#C8D5CD
#C9D5CC
#C2D4D4
#C4D4D2
#C6D4D0
#C7D4CF
#C9D4CD
#CBD4CB
#CDD4C9
#C2D3D5
#C4D3D3
#C6D3D1
#C9D3CE
#CBD3CC
#CDD3CA
#D0D3C7
#C2D2D6
#C5D2D3
#C8D2D1
#CBD2CE
#CED2CB
#D0D2C8
#D4D2C5
#C2D0D8
#C6D0D4
#C9D0D1
#CDD0CD
#D0D0CA
#D4D0C6
#D8D0C2
Colorpallet from #C2D8D0 to #C2D0D8 and to #D0C2D8
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D7D1
#C2D7D1
#C3D6D1
#C3D6D1
#C3D5D1
#C4D5D1
#C4D4D1
#C2D5D3
#C3D4D3
#C3D4D3
#C4D3D3
#C5D2D3
#C5D2D3
#C6D1D3
#C2D4D4
#C3D3D4
#C4D2D4
#C5D1D4
#C6D0D4
#C8CED4
#C9CDD4
#C2D3D5
#C3D2D5
#C5D0D5
#C6CFD5
#C8CDD5
#C9CCD5
#CBCAD5
#C2D2D6
#C4D0D6
#C6CED6
#C7CCD6
#C9CAD6
#CBC8D6
#CDC6D6
#C2D0D8
#C4CED8
#C6CCD8
#C9C9D8
#CBC7D8
#CDC5D8
#D0C2D8
Colorpallet from #C2D8D0 to #C2D0D8 and to #D0D8C2
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D7D1
#C2D7D1
#C3D7D0
#C3D7D0
#C3D8CF
#C4D8CF
#C4D8CE
#C2D5D3
#C3D5D2
#C3D6D1
#C4D6D0
#C5D7CF
#C5D7CD
#C6D8CC
#C2D4D4
#C3D5D2
#C4D5D0
#C5D6CF
#C6D7CD
#C8D7CB
#C9D8C9
#C2D3D5
#C3D4D3
#C5D5D1
#C6D5CE
#C8D6CC
#C9D7CA
#CBD8C7
#C2D2D6
#C4D3D3
#C6D4D1
#C7D5CE
#C9D6CB
#CBD7C8
#CDD8C5
#C2D0D8
#C4D1D4
#C6D3D1
#C9D4CD
#CBD5CA
#CDD6C6
#D0D8C2
Colorpallet from #C2D8D0 to #D8C2D0 and to #D8D0C2
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C6D4D0
#C6D4D0
#C6D5CF
#C6D5CF
#C6D6CF
#C6D6CE
#C6D7CE
#C9D1D0
#C9D2CF
#C9D2CF
#C9D3CE
#C9D4CD
#C9D4CD
#C9D5CC
#CDCDD0
#CDCECF
#CDCFCE
#CDD0CD
#CDD1CC
#CDD3CA
#CDD4C9
#D0CAD0
#D0CBCF
#D0CDCD
#D0CECC
#D0D0CA
#D0D1C9
#D0D3C7
#D4C6D0
#D4C8CE
#D4CACC
#D4CCCB
#D4CEC9
#D4D0C7
#D4D2C5
#D8C2D0
#D8C4CE
#D8C6CC
#D8C9C9
#D8CBC7
#D8CDC5
#D8D0C2
Colorpallet from #C2D8D0 to #D8C2D0 and to #D0C2D8
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C6D4D0
#C6D4D0
#C5D4D0
#C5D4D0
#C5D4D1
#C4D4D1
#C4D4D1
#C9D1D0
#C9D1D0
#C8D1D1
#C8D1D1
#C7D1D2
#C7D1D2
#C6D1D3
#CDCDD0
#CCCDD1
#CCCDD1
#CBCDD2
#CACDD3
#CACDD3
#C9CDD4
#D0CAD0
#CFCAD1
#CECAD2
#CECAD2
#CDCAD3
#CCCAD4
#CBCAD5
#D4C6D0
#D3C6D1
#D2C6D2
#D1C6D3
#D0C6D4
#CEC6D5
#CDC6D6
#D8C2D0
#D7C2D1
#D5C2D3
#D4C2D4
#D3C2D5
#D2C2D6
#D0C2D8
Colorpallet from #C2D8D0 to #D8C2D0 and to #D0D8C2
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C6D4D0
#C6D5D0
#C5D5CF
#C5D6CF
#C5D7CF
#C4D7CE
#C4D8CE
#C9D1D0
#C9D2CF
#C8D3CF
#C8D4CE
#C7D5CD
#C7D7CD
#C6D8CC
#CDCDD0
#CCCFCF
#CCD1CE
#CBD2CD
#CAD4CC
#CAD6CA
#C9D8C9
#D0CAD0
#CFCCCF
#CECECD
#CED1CC
#CDD3CA
#CCD5C9
#CBD8C7
#D4C6D0
#D3C9CE
#D2CCCC
#D1CFCB
#D0D2C9
#CED4C7
#CDD8C5
#D8C2D0
#D7C6CE
#D5C9CC
#D4CDC9
#D3D0C7
#D2D4C5
#D0D8C2
Colorpallet from #C2D8D0 to #D8D0C2 and to #D0C2D8
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C6D7CE
#C6D7CE
#C5D6CF
#C5D6CF
#C5D5D0
#C4D5D0
#C4D4D1
#C9D5CC
#C9D4CD
#C8D4CE
#C8D3CF
#C7D2D0
#C7D2D2
#C6D1D3
#CDD4C9
#CCD3CB
#CCD2CD
#CBD1CE
#CAD0D0
#CACED2
#C9CDD4
#D0D3C7
#CFD2C9
#CED0CB
#CECFCE
#CDCDD0
#CCCCD2
#CBCAD5
#D4D2C5
#D3D0C8
#D2CECA
#D1CCCD
#D0CAD0
#CEC8D3
#CDC6D6
#D8D0C2
#D7CEC6
#D5CCC9
#D4C9CD
#D3C7D0
#D2C5D4
#D0C2D8
Colorpallet from #C2D8D0 to #D8D0C2 and to #D0D8C2
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C6D7CE
#C6D7CE
#C5D7CE
#C5D7CE
#C5D8CE
#C4D8CE
#C4D8CE
#C9D5CC
#C9D5CC
#C8D6CC
#C8D6CC
#C7D7CC
#C7D7CC
#C6D8CC
#CDD4C9
#CCD5C9
#CCD5C9
#CBD6C9
#CAD7C9
#CAD7C9
#C9D8C9
#D0D3C7
#CFD4C7
#CED5C7
#CED5C7
#CDD6C7
#CCD7C7
#CBD8C7
#D4D2C5
#D3D3C5
#D2D4C5
#D1D5C5
#D0D6C5
#CED7C5
#CDD8C5
#D8D0C2
#D7D1C2
#D5D3C2
#D4D4C2
#D3D5C2
#D2D6C2
#D0D8C2
Colorpallet from #C2D8D0 to #D0C2D8 and to #D0D8C2
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C2D8D0
#C4D4D1
#C4D5D1
#C4D5D0
#C4D6D0
#C4D7CF
#C4D7CF
#C4D8CE
#C6D1D3
#C6D2D2
#C6D3D1
#C6D4D0
#C6D5CF
#C6D7CD
#C6D8CC
#C9CDD4
#C9CFD2
#C9D1D0
#C9D2CF
#C9D4CD
#C9D6CB
#C9D8C9
#CBCAD5
#CBCCD3
#CBCED1
#CBD1CE
#CBD3CC
#CBD5CA
#CBD8C7
#CDC6D6
#CDC9D3
#CDCCD1
#CDCFCE
#CDD2CB
#CDD4C8
#CDD8C5
#D0C2D8
#D0C6D4
#D0C9D1
#D0CDCD
#D0D0CA
#D0D4C6
#D0D8C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
