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 #D2D8C2 to #D2C2D8 and to #D8D2C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D4C6
#D2D4C5
#D2D5C5
#D2D5C4
#D3D6C3
#D3D6C3
#D3D7C2
#D2D1C9
#D2D2C8
#D3D3C7
#D3D3C6
#D3D4C5
#D4D5C3
#D4D6C2
#D2CDCD
#D2CECB
#D3D0C9
#D3D1C8
#D4D2C6
#D4D3C4
#D5D5C2
#D2CAD0
#D3CCCE
#D3CDCC
#D4CFC9
#D5D0C7
#D5D2C5
#D6D4C2
#D2C6D4
#D3C8D1
#D4CACE
#D4CCCB
#D5CEC8
#D6D0C6
#D7D3C2
#D2C2D8
#D3C5D4
#D4C7D1
#D5CACD
#D6CCCA
#D7CFC6
#D8D2C2
Colorpallet from #D2D8C2 to #D2C2D8 and to #D8C2D2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D4C6
#D2D4C6
#D2D4C6
#D2D4C6
#D3D4C5
#D3D4C5
#D3D4C5
#D2D1C9
#D2D1C9
#D3D1C8
#D3D1C8
#D3D1C8
#D4D1C7
#D4D1C7
#D2CDCD
#D2CDCD
#D3CDCC
#D3CDCC
#D4CDCB
#D4CDCB
#D5CDCA
#D2CAD0
#D3CACF
#D3CACF
#D4CACE
#D5CACD
#D5CACD
#D6CACC
#D2C6D4
#D3C6D3
#D4C6D2
#D4C6D2
#D5C6D1
#D6C6D0
#D7C6CF
#D2C2D8
#D3C2D7
#D4C2D6
#D5C2D5
#D6C2D4
#D7C2D3
#D8C2D2
Colorpallet from #D2D8C2 to #D2C2D8 and to #C2D2D8
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D4C6
#D2D4C6
#D1D5C6
#D1D5C6
#D0D6C6
#D0D6C6
#CFD7C6
#D2D1C9
#D1D2C9
#D0D3C9
#D0D3C9
#CFD4C9
#CED5C9
#CDD6C9
#D2CDCD
#D1CECD
#CFD0CD
#CED1CD
#CDD2CD
#CCD3CD
#CAD5CD
#D2CAD0
#D0CCD0
#CFCDD0
#CDCFD0
#CCD0D0
#CAD2D0
#C8D4D0
#D2C6D4
#D0C8D4
#CECAD4
#CCCCD4
#CACED4
#C8D0D4
#C5D3D4
#D2C2D8
#CFC5D8
#CDC7D8
#CACAD8
#C8CCD8
#C5CFD8
#C2D2D8
Colorpallet from #D2D8C2 to #D2C2D8 and to #C2D8D2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D4C6
#D2D5C6
#D1D5C6
#D1D6C6
#D0D7C5
#D0D7C5
#CFD8C5
#D2D1C9
#D1D2C9
#D0D3C8
#D0D4C8
#CFD5C8
#CED7C7
#CDD8C7
#D2CDCD
#D1CFCD
#CFD1CC
#CED2CC
#CDD4CB
#CCD6CB
#CAD8CA
#D2CAD0
#D0CCCF
#CFCECF
#CDD1CE
#CCD3CD
#CAD5CD
#C8D8CC
#D2C6D4
#D0C9D3
#CECCD2
#CCCFD2
#CAD2D1
#C8D4D0
#C5D8CF
#D2C2D8
#CFC6D7
#CDC9D6
#CACDD5
#C8D0D4
#C5D4D3
#C2D8D2
Colorpallet from #D2D8C2 to #D8D2C2 and to #D8C2D2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D3D7C2
#D3D7C2
#D3D6C3
#D3D6C3
#D3D5C4
#D3D5C4
#D3D4C5
#D4D6C2
#D4D5C3
#D4D4C4
#D4D4C4
#D4D3C5
#D4D2C6
#D4D1C7
#D5D5C2
#D5D4C3
#D5D2C5
#D5D1C6
#D5D0C7
#D5CFC8
#D5CDCA
#D6D4C2
#D6D2C4
#D6D1C5
#D6CFC7
#D6CEC8
#D6CCCA
#D6CACC
#D7D3C2
#D7D1C4
#D7CFC6
#D7CDC8
#D7CBCA
#D7C9CC
#D7C6CF
#D8D2C2
#D8CFC5
#D8CDC7
#D8CACA
#D8C8CC
#D8C5CF
#D8C2D2
Colorpallet from #D2D8C2 to #D8D2C2 and to #C2D2D8
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D3D7C2
#D2D7C3
#D2D7C3
#D1D7C4
#D0D7C5
#D0D7C5
#CFD7C6
#D4D6C2
#D3D6C3
#D2D6C4
#D1D6C5
#D0D6C6
#CED6C8
#CDD6C9
#D5D5C2
#D3D5C4
#D1D5C6
#D0D5C7
#CED5C9
#CCD5CB
#CAD5CD
#D6D4C2
#D4D4C4
#D2D4C6
#CFD4C9
#CDD4CB
#CBD4CD
#C8D4D0
#D7D3C2
#D4D3C5
#D1D3C8
#CED3CB
#CBD3CE
#C9D3D0
#C5D3D4
#D8D2C2
#D4D2C6
#D1D2C9
#CDD2CD
#CAD2D0
#C6D2D4
#C2D2D8
Colorpallet from #D2D8C2 to #D8D2C2 and to #C2D8D2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D3D7C2
#D2D7C2
#D2D7C3
#D1D7C3
#D0D8C4
#D0D8C4
#CFD8C5
#D4D6C2
#D3D6C3
#D2D7C4
#D1D7C4
#D0D7C5
#CED8C6
#CDD8C7
#D5D5C2
#D3D5C3
#D1D6C5
#D0D6C6
#CED7C7
#CCD7C8
#CAD8CA
#D6D4C2
#D4D5C4
#D2D5C5
#CFD6C7
#CDD7C8
#CBD7CA
#C8D8CC
#D7D3C2
#D4D4C4
#D1D5C6
#CED5C8
#CBD6CA
#C9D7CC
#C5D8CF
#D8D2C2
#D4D3C5
#D1D4C7
#CDD5CA
#CAD6CC
#C6D7CF
#C2D8D2
Colorpallet from #D2D8C2 to #D8C2D2 and to #C2D2D8
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D3D4C5
#D2D4C5
#D2D5C5
#D1D5C5
#D0D6C6
#D0D6C6
#CFD7C6
#D4D1C7
#D3D2C7
#D2D3C8
#D1D3C8
#D0D4C8
#CED5C9
#CDD6C9
#D5CDCA
#D3CECA
#D1D0CB
#D0D1CB
#CED2CC
#CCD3CC
#CAD5CD
#D6CACC
#D4CCCD
#D2CDCD
#CFCFCE
#CDD0CF
#CBD2CF
#C8D4D0
#D7C6CF
#D4C8D0
#D1CAD1
#CECCD1
#CBCED2
#C9D0D3
#C5D3D4
#D8C2D2
#D4C5D3
#D1C7D4
#CDCAD5
#CACCD6
#C6CFD7
#C2D2D8
Colorpallet from #D2D8C2 to #D8C2D2 and to #C2D8D2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D3D4C5
#D2D5C5
#D2D5C5
#D1D6C5
#D0D7C5
#D0D7C5
#CFD8C5
#D4D1C7
#D3D2C7
#D2D3C7
#D1D4C7
#D0D5C7
#CED7C7
#CDD8C7
#D5CDCA
#D3CFCA
#D1D1CA
#D0D2CA
#CED4CA
#CCD6CA
#CAD8CA
#D6CACC
#D4CCCC
#D2CECC
#CFD1CC
#CDD3CC
#CBD5CC
#C8D8CC
#D7C6CF
#D4C9CF
#D1CCCF
#CECFCF
#CBD2CF
#C9D4CF
#C5D8CF
#D8C2D2
#D4C6D2
#D1C9D2
#CDCDD2
#CAD0D2
#C6D4D2
#C2D8D2
Colorpallet from #D2D8C2 to #C2D2D8 and to #C2D8D2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#D2D8C2
#CFD7C6
#CFD7C6
#CFD7C6
#CFD7C6
#CFD8C5
#CFD8C5
#CFD8C5
#CDD6C9
#CDD6C9
#CDD7C8
#CDD7C8
#CDD7C8
#CDD8C7
#CDD8C7
#CAD5CD
#CAD5CD
#CAD6CC
#CAD6CC
#CAD7CB
#CAD7CB
#CAD8CA
#C8D4D0
#C8D5CF
#C8D5CF
#C8D6CE
#C8D7CD
#C8D7CD
#C8D8CC
#C5D3D4
#C5D4D3
#C5D5D2
#C5D5D2
#C5D6D1
#C5D7D0
#C5D8CF
#C2D2D8
#C2D3D7
#C2D4D6
#C2D5D5
#C2D6D4
#C2D7D3
#C2D8D2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts