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 #C2D1D6 to #C2D6D1 and to #D1C2D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D2D5
#C2D2D5
#C3D1D5
#C3D1D5
#C3D0D6
#C4D0D6
#C4CFD6
#C2D3D4
#C3D2D4
#C4D1D5
#C4D0D5
#C5CFD5
#C6CDD6
#C7CCD6
#C2D3D4
#C3D2D4
#C4D0D5
#C5CFD5
#C6CDD5
#C8CCD6
#C9CAD6
#C2D4D3
#C4D2D3
#C5D0D4
#C7CED4
#C8CCD5
#CACAD5
#CCC7D6
#C2D5D2
#C4D2D3
#C6D0D3
#C8CDD4
#CACBD5
#CCC8D5
#CEC5D6
#C2D6D1
#C4D3D2
#C7D0D3
#C9CCD3
#CCC9D4
#CEC6D5
#D1C2D6
Colorpallet from #C2D1D6 to #C2D6D1 and to #D1D6C2
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D2D5
#C2D2D5
#C3D2D4
#C3D2D4
#C3D2D4
#C4D2D3
#C4D2D3
#C2D3D4
#C3D3D3
#C4D3D3
#C4D3D2
#C5D3D1
#C6D3D1
#C7D3D0
#C2D3D4
#C3D3D3
#C4D3D1
#C5D3D0
#C6D3CF
#C8D3CE
#C9D3CC
#C2D4D3
#C4D4D1
#C5D4D0
#C7D4CE
#C8D4CD
#CAD4CB
#CCD4C9
#C2D5D2
#C4D5D0
#C6D5CE
#C8D5CC
#CAD5CA
#CCD5C8
#CED5C6
#C2D6D1
#C4D6CF
#C7D6CC
#C9D6CA
#CCD6C7
#CED6C5
#D1D6C2
Colorpallet from #C2D1D6 to #C2D6D1 and to #D6C2D1
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D2D5
#C2D2D5
#C3D1D5
#C3D1D5
#C4D0D5
#C4D0D5
#C5CFD5
#C2D3D4
#C3D2D4
#C4D1D4
#C5D0D4
#C6CFD4
#C7CDD4
#C8CCD4
#C2D3D4
#C4D2D4
#C5D0D4
#C7CFD4
#C8CDD4
#CACCD4
#CCCAD4
#C2D4D3
#C4D2D3
#C6D0D3
#C8CED3
#CACCD3
#CCCAD3
#CFC7D3
#C2D5D2
#C5D2D2
#C7D0D2
#CACDD2
#CCCBD2
#CFC8D2
#D2C5D2
#C2D6D1
#C5D3D1
#C8D0D1
#CCCCD1
#CFC9D1
#D2C6D1
#D6C2D1
Colorpallet from #C2D1D6 to #C2D6D1 and to #D6D1C2
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D2D5
#C2D2D5
#C3D2D4
#C3D2D4
#C4D1D4
#C4D1D3
#C5D1D3
#C2D3D4
#C3D3D3
#C4D2D3
#C5D2D2
#C6D2D1
#C7D1D1
#C8D1D0
#C2D3D4
#C4D3D3
#C5D2D1
#C7D2D0
#C8D2CF
#CAD1CE
#CCD1CC
#C2D4D3
#C4D4D1
#C6D3D0
#C8D3CE
#CAD2CD
#CCD2CB
#CFD1C9
#C2D5D2
#C5D4D0
#C7D4CE
#CAD3CC
#CCD2CA
#CFD2C8
#D2D1C6
#C2D6D1
#C5D5CF
#C8D4CC
#CCD4CA
#CFD3C7
#D2D2C5
#D6D1C2
Colorpallet from #C2D1D6 to #D1C2D6 and to #D1D6C2
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C4CFD6
#C4CFD6
#C4D0D5
#C4D0D5
#C4D1D4
#C4D1D4
#C4D2D3
#C7CCD6
#C7CDD5
#C7CED4
#C7CFD3
#C7D0D2
#C7D2D1
#C7D3D0
#C9CAD6
#C9CBD4
#C9CDD3
#C9CED1
#C9D0D0
#C9D1CE
#C9D3CC
#CCC7D6
#CCC9D4
#CCCBD2
#CCCDD0
#CCCFCE
#CCD1CC
#CCD4C9
#CEC5D6
#CEC8D3
#CECAD1
#CECDCE
#CECFCC
#CED2C9
#CED5C6
#D1C2D6
#D1C5D3
#D1C8D0
#D1CCCC
#D1CFC9
#D1D2C6
#D1D6C2
Colorpallet from #C2D1D6 to #D1C2D6 and to #D6C2D1
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C4CFD6
#C4CFD6
#C4CFD6
#C4CFD6
#C5CFD5
#C5CFD5
#C5CFD5
#C7CCD6
#C7CCD6
#C7CCD5
#C7CCD5
#C8CCD5
#C8CCD4
#C8CCD4
#C9CAD6
#C9CAD6
#CACAD5
#CACAD5
#CBCAD5
#CBCAD4
#CCCAD4
#CCC7D6
#CCC7D6
#CDC7D5
#CDC7D5
#CEC7D4
#CEC7D4
#CFC7D3
#CEC5D6
#CFC5D5
#CFC5D5
#D0C5D4
#D1C5D3
#D1C5D3
#D2C5D2
#D1C2D6
#D2C2D5
#D3C2D4
#D3C2D4
#D4C2D3
#D5C2D2
#D6C2D1
Colorpallet from #C2D1D6 to #D1C2D6 and to #D6D1C2
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C4CFD6
#C4CFD6
#C4D0D5
#C4D0D5
#C5D0D4
#C5D1D4
#C5D1D3
#C7CCD6
#C7CDD5
#C7CED4
#C7CED3
#C8CFD2
#C8D0D1
#C8D1D0
#C9CAD6
#C9CBD4
#CACCD3
#CACDD1
#CBCED0
#CBD0CE
#CCD1CC
#CCC7D6
#CCC9D4
#CDCAD2
#CDCCD0
#CECDCE
#CECFCC
#CFD1C9
#CEC5D6
#CFC7D3
#CFC9D1
#D0CBCE
#D1CDCC
#D1CFC9
#D2D1C6
#D1C2D6
#D2C4D3
#D3C7D0
#D3C9CC
#D4CCC9
#D5CEC6
#D6D1C2
Colorpallet from #C2D1D6 to #D1D6C2 and to #D6C2D1
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C4D2D3
#C4D2D3
#C4D1D4
#C4D1D4
#C5D0D4
#C5D0D5
#C5CFD5
#C7D3D0
#C7D2D1
#C7D1D1
#C7D0D2
#C8CFD3
#C8CDD3
#C8CCD4
#C9D3CC
#C9D2CD
#CAD0CF
#CACFD0
#CBCDD1
#CBCCD2
#CCCAD4
#CCD4C9
#CCD2CB
#CDD0CC
#CDCECE
#CECCCF
#CECAD1
#CFC7D3
#CED5C6
#CFD2C8
#CFD0CA
#D0CDCC
#D1CBCE
#D1C8D0
#D2C5D2
#D1D6C2
#D2D3C4
#D3D0C7
#D3CCC9
#D4C9CC
#D5C6CE
#D6C2D1
Colorpallet from #C2D1D6 to #D1D6C2 and to #D6D1C2
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C4D2D3
#C4D2D3
#C4D2D3
#C4D2D3
#C5D1D3
#C5D1D3
#C5D1D3
#C7D3D0
#C7D3D0
#C7D2D0
#C7D2D0
#C8D2D0
#C8D1D0
#C8D1D0
#C9D3CC
#C9D3CC
#CAD2CC
#CAD2CC
#CBD2CC
#CBD1CC
#CCD1CC
#CCD4C9
#CCD4C9
#CDD3C9
#CDD3C9
#CED2C9
#CED2C9
#CFD1C9
#CED5C6
#CFD4C6
#CFD4C6
#D0D3C6
#D1D2C6
#D1D2C6
#D2D1C6
#D1D6C2
#D2D5C2
#D3D4C2
#D3D4C2
#D4D3C2
#D5D2C2
#D6D1C2
Colorpallet from #C2D1D6 to #D6C2D1 and to #D6D1C2
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C2D1D6
#C5CFD5
#C5CFD5
#C5D0D4
#C5D0D4
#C5D0D4
#C5D1D3
#C5D1D3
#C8CCD4
#C8CDD3
#C8CED3
#C8CED2
#C8CFD1
#C8D0D1
#C8D1D0
#CCCAD4
#CCCBD3
#CCCCD1
#CCCDD0
#CCCECF
#CCD0CE
#CCD1CC
#CFC7D3
#CFC9D1
#CFCAD0
#CFCCCE
#CFCDCD
#CFCFCB
#CFD1C9
#D2C5D2
#D2C7D0
#D2C9CE
#D2CBCC
#D2CDCA
#D2CFC8
#D2D1C6
#D6C2D1
#D6C4CF
#D6C7CC
#D6C9CA
#D6CCC7
#D6CEC5
#D6D1C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts