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 #C3D8D2 to #C3D2D8 and to #D8C3D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D7D3
#C3D7D3
#C4D6D3
#C4D6D3
#C5D6D2
#C5D5D2
#C6D5D2
#C3D6D4
#C4D5D4
#C5D4D3
#C6D4D3
#C7D3D3
#C9D2D2
#CAD1D2
#C3D5D5
#C5D4D5
#C6D3D4
#C8D2D4
#C9D1D3
#CBCFD3
#CDCED2
#C3D4D6
#C5D3D5
#C7D1D5
#C9D0D4
#CBCED3
#CDCDD3
#D0CBD2
#C3D3D7
#C6D1D6
#C8CFD5
#CBCDD5
#CECBD4
#D1C9D3
#D4C7D2
#C3D2D8
#C6D0D7
#CACDD6
#CDCBD5
#D0C8D4
#D4C6D3
#D8C3D2
Colorpallet from #C3D8D2 to #C3D2D8 and to #D8D2C3
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D7D3
#C3D7D3
#C4D7D2
#C4D7D2
#C5D7D1
#C5D7D1
#C6D7D0
#C3D6D4
#C4D6D3
#C5D6D2
#C6D6D1
#C7D6D0
#C9D6CE
#CAD6CD
#C3D5D5
#C5D5D3
#C6D5D2
#C8D5D0
#C9D5CF
#CBD5CD
#CDD5CB
#C3D4D6
#C5D4D4
#C7D4D2
#C9D4CF
#CBD4CD
#CDD4CB
#D0D4C8
#C3D3D7
#C6D3D4
#C8D3D2
#CBD3CF
#CED3CC
#D1D3C9
#D4D3C6
#C3D2D8
#C6D2D5
#CAD2D1
#CDD2CE
#D0D2CB
#D4D2C7
#D8D2C3
Colorpallet from #C3D8D2 to #C3D2D8 and to #D2C3D8
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D7D3
#C3D7D3
#C4D6D3
#C4D6D3
#C4D6D3
#C5D5D3
#C5D5D3
#C3D6D4
#C4D5D4
#C5D4D4
#C5D4D4
#C6D3D4
#C7D2D4
#C8D1D4
#C3D5D5
#C4D4D5
#C5D3D5
#C6D2D5
#C7D1D5
#C9CFD5
#CACED5
#C3D4D6
#C5D3D6
#C6D1D6
#C8D0D6
#C9CED6
#CBCDD6
#CDCBD6
#C3D3D7
#C5D1D7
#C7CFD7
#C9CDD7
#CBCBD7
#CDC9D7
#CFC7D7
#C3D2D8
#C5D0D8
#C8CDD8
#CACBD8
#CDC8D8
#CFC6D8
#D2C3D8
Colorpallet from #C3D8D2 to #C3D2D8 and to #D2D8C3
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D7D3
#C3D7D3
#C4D7D2
#C4D7D2
#C4D8D1
#C5D8D1
#C5D8D0
#C3D6D4
#C4D6D3
#C5D7D2
#C5D7D1
#C6D7D0
#C7D8CE
#C8D8CD
#C3D5D5
#C4D5D3
#C5D6D2
#C6D6D0
#C7D7CF
#C9D7CD
#CAD8CB
#C3D4D6
#C5D5D4
#C6D5D2
#C8D6CF
#C9D7CD
#CBD7CB
#CDD8C8
#C3D3D7
#C5D4D4
#C7D5D2
#C9D5CF
#CBD6CC
#CDD7C9
#CFD8C6
#C3D2D8
#C5D3D5
#C8D4D1
#CAD5CE
#CDD6CB
#CFD7C7
#D2D8C3
Colorpallet from #C3D8D2 to #D8C3D2 and to #D8D2C3
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C6D5D2
#C6D5D2
#C6D6D1
#C6D6D1
#C6D6D1
#C6D7D0
#C6D7D0
#CAD1D2
#CAD2D1
#CAD3D0
#CAD3D0
#CAD4CF
#CAD5CE
#CAD6CD
#CDCED2
#CDCFD1
#CDD0D0
#CDD1CF
#CDD2CE
#CDD4CC
#CDD5CB
#D0CBD2
#D0CCD0
#D0CECF
#D0CFCD
#D0D1CC
#D0D2CA
#D0D4C8
#D4C7D2
#D4C9D0
#D4CBCE
#D4CDCC
#D4CFCA
#D4D1C8
#D4D3C6
#D8C3D2
#D8C5D0
#D8C8CD
#D8CACB
#D8CDC8
#D8CFC6
#D8D2C3
Colorpallet from #C3D8D2 to #D8C3D2 and to #D2C3D8
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C6D5D2
#C6D5D2
#C6D5D2
#C6D5D2
#C5D5D3
#C5D5D3
#C5D5D3
#CAD1D2
#CAD1D2
#C9D1D3
#C9D1D3
#C9D1D3
#C8D1D4
#C8D1D4
#CDCED2
#CDCED2
#CCCED3
#CCCED3
#CBCED4
#CBCED4
#CACED5
#D0CBD2
#D0CBD3
#CFCBD3
#CFCBD4
#CECBD5
#CECBD5
#CDCBD6
#D4C7D2
#D3C7D3
#D2C7D4
#D2C7D4
#D1C7D5
#D0C7D6
#CFC7D7
#D8C3D2
#D7C3D3
#D6C3D4
#D5C3D5
#D4C3D6
#D3C3D7
#D2C3D8
Colorpallet from #C3D8D2 to #D8C3D2 and to #D2D8C3
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C6D5D2
#C6D5D2
#C6D6D1
#C6D6D1
#C5D7D1
#C5D7D0
#C5D8D0
#CAD1D2
#CAD2D1
#C9D3D0
#C9D4D0
#C9D5CF
#C8D7CE
#C8D8CD
#CDCED2
#CDD0D1
#CCD1D0
#CCD3CF
#CBD4CE
#CBD6CC
#CAD8CB
#D0CBD2
#D0CDD0
#CFCFCF
#CFD1CD
#CED3CC
#CED5CA
#CDD8C8
#D4C7D2
#D3CAD0
#D2CCCE
#D2CFCC
#D1D2CA
#D0D5C8
#CFD8C6
#D8C3D2
#D7C6D0
#D6CACD
#D5CDCB
#D4D0C8
#D3D4C6
#D2D8C3
Colorpallet from #C3D8D2 to #D8D2C3 and to #D2C3D8
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C6D7D0
#C6D7D0
#C6D6D1
#C6D6D1
#C5D6D2
#C5D5D2
#C5D5D3
#CAD6CD
#CAD5CE
#C9D4CF
#C9D4D0
#C9D3D1
#C8D2D3
#C8D1D4
#CDD5CB
#CDD4CD
#CCD3CE
#CCD2D0
#CBD1D1
#CBCFD3
#CACED5
#D0D4C8
#D0D3CA
#CFD1CC
#CFD0CF
#CECED1
#CECDD3
#CDCBD6
#D4D3C6
#D3D1C9
#D2CFCB
#D2CDCE
#D1CBD1
#D0C9D4
#CFC7D7
#D8D2C3
#D7D0C6
#D6CDCA
#D5CBCD
#D4C8D0
#D3C6D4
#D2C3D8
Colorpallet from #C3D8D2 to #D8D2C3 and to #D2D8C3
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C6D7D0
#C6D7D0
#C6D7D0
#C6D7D0
#C5D8D0
#C5D8D0
#C5D8D0
#CAD6CD
#CAD6CD
#C9D7CD
#C9D7CD
#C9D7CD
#C8D8CD
#C8D8CD
#CDD5CB
#CDD5CB
#CCD6CB
#CCD6CB
#CBD7CB
#CBD7CB
#CAD8CB
#D0D4C8
#D0D5C8
#CFD5C8
#CFD6C8
#CED7C8
#CED7C8
#CDD8C8
#D4D3C6
#D3D4C6
#D2D5C6
#D2D5C6
#D1D6C6
#D0D7C6
#CFD8C6
#D8D2C3
#D7D3C3
#D6D4C3
#D5D5C3
#D4D6C3
#D3D7C3
#D2D8C3
Colorpallet from #C3D8D2 to #D2C3D8 and to #D2D8C3
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C3D8D2
#C5D5D3
#C5D5D3
#C5D6D2
#C5D6D2
#C5D7D1
#C5D7D1
#C5D8D0
#C8D1D4
#C8D2D3
#C8D3D2
#C8D4D1
#C8D5D0
#C8D7CE
#C8D8CD
#CACED5
#CAD0D3
#CAD1D2
#CAD3D0
#CAD4CF
#CAD6CD
#CAD8CB
#CDCBD6
#CDCDD4
#CDCFD2
#CDD1CF
#CDD3CD
#CDD5CB
#CDD8C8
#CFC7D7
#CFCAD4
#CFCCD2
#CFCFCF
#CFD2CC
#CFD5C9
#CFD8C6
#D2C3D8
#D2C6D5
#D2CAD1
#D2CDCE
#D2D0CB
#D2D4C7
#D2D8C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts