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 #C2E5D1 to #C2D1E5 and to #E5C2D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E2D4
#C3E2D4
#C4E1D3
#C5E1D3
#C6E0D2
#C7E0D2
#C8DFD1
#C2DFD7
#C4DED6
#C6DDD5
#C7DDD4
#C9DCD3
#CBDBD2
#CDDAD1
#C2DBDB
#C5DAD9
#C7D9D8
#CAD8D6
#CDD7D5
#D0D5D3
#D3D4D1
#C2D8DE
#C6D7DC
#C9D5DA
#CDD4D8
#D0D2D6
#D4D1D4
#D8CFD1
#C2D5E1
#C6D3DE
#CBD1DC
#CFCFD9
#D4CDD7
#D8CBD4
#DEC9D1
#C2D1E5
#C8CFE2
#CDCCDF
#D3CADB
#D8C7D8
#DEC5D5
#E5C2D1
Colorpallet from #C2E5D1 to #C2D1E5 and to #E5D1C2
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E2D4
#C3E2D3
#C4E2D2
#C5E2D2
#C6E2D1
#C7E2D0
#C8E2CF
#C2DFD7
#C4DFD5
#C6DFD3
#C7DFD2
#C9DFD0
#CBDFCE
#CDDFCC
#C2DBDB
#C5DBD8
#C7DBD6
#CADBD3
#CDDBD0
#D0DBCD
#D3DBCA
#C2D8DE
#C6D8DA
#C9D8D7
#CDD8D3
#D0D8CF
#D4D8CC
#D8D8C7
#C2D5E1
#C6D5DD
#CBD5D8
#CFD5D4
#D4D5CF
#D8D5CB
#DED5C5
#C2D1E5
#C8D1DF
#CDD1DA
#D3D1D4
#D8D1CF
#DED1C9
#E5D1C2
Colorpallet from #C2E5D1 to #C2D1E5 and to #D1C2E5
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E2D4
#C2E2D4
#C3E1D4
#C3E1D4
#C3E0D4
#C4E0D4
#C4DFD4
#C2DFD7
#C3DED7
#C4DDD7
#C4DDD7
#C5DCD7
#C6DBD7
#C7DAD7
#C2DBDB
#C3DADB
#C4D9DB
#C5D8DB
#C6D7DB
#C8D5DB
#C9D4DB
#C2D8DE
#C4D7DE
#C5D5DE
#C7D4DE
#C8D2DE
#CAD1DE
#CCCFDE
#C2D5E1
#C4D3E1
#C6D1E1
#C8CFE1
#CACDE1
#CCCBE1
#CEC9E1
#C2D1E5
#C4CFE5
#C7CCE5
#C9CAE5
#CCC7E5
#CEC5E5
#D1C2E5
Colorpallet from #C2E5D1 to #C2D1E5 and to #D1E5C2
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E2D4
#C2E2D3
#C3E3D2
#C3E3D2
#C3E4D1
#C4E4D0
#C4E5CF
#C2DFD7
#C3E0D5
#C4E1D3
#C4E2D2
#C5E3D0
#C6E4CE
#C7E5CC
#C2DBDB
#C3DDD8
#C4DED6
#C5E0D3
#C6E1D0
#C8E3CD
#C9E5CA
#C2D8DE
#C4DADA
#C5DCD7
#C7DED3
#C8E0CF
#CAE2CC
#CCE5C7
#C2D5E1
#C4D8DD
#C6DAD8
#C8DDD4
#CADFCF
#CCE2CB
#CEE5C5
#C2D1E5
#C4D4DF
#C7D7DA
#C9DBD4
#CCDECF
#CEE1C9
#D1E5C2
Colorpallet from #C2E5D1 to #E5C2D1 and to #E5D1C2
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C8DFD1
#C8DFD1
#C8E0D0
#C8E0D0
#C8E1D0
#C8E1CF
#C8E2CF
#CDDAD1
#CDDBD0
#CDDCCF
#CDDCCF
#CDDDCE
#CDDECD
#CDDFCC
#D3D4D1
#D3D5D0
#D3D6CF
#D3D7CE
#D3D8CD
#D3DACB
#D3DBCA
#D8CFD1
#D8D0CF
#D8D2CE
#D8D3CC
#D8D5CB
#D8D6C9
#D8D8C7
#DEC9D1
#DECBCF
#DECDCD
#DECFCB
#DED1C9
#DED3C7
#DED5C5
#E5C2D1
#E5C4CF
#E5C7CC
#E5C9CA
#E5CCC7
#E5CEC5
#E5D1C2
Colorpallet from #C2E5D1 to #E5C2D1 and to #D1C2E5
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C8DFD1
#C7DFD1
#C7DFD2
#C6DFD2
#C5DFD3
#C5DFD3
#C4DFD4
#CDDAD1
#CCDAD2
#CBDAD3
#CADAD4
#C9DAD5
#C8DAD6
#C7DAD7
#D3D4D1
#D1D4D3
#D0D4D4
#CED4D6
#CDD4D7
#CBD4D9
#C9D4DB
#D8CFD1
#D6CFD3
#D4CFD5
#D2CFD7
#D0CFD9
#CECFDB
#CCCFDE
#DEC9D1
#DBC9D4
#D9C9D6
#D6C9D9
#D4C9DB
#D1C9DE
#CEC9E1
#E5C2D1
#E2C2D4
#DFC2D7
#DBC2DB
#D8C2DE
#D5C2E1
#D1C2E5
Colorpallet from #C2E5D1 to #E5C2D1 and to #D1E5C2
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C8DFD1
#C7E0D1
#C7E1D0
#C6E2D0
#C5E3D0
#C5E4CF
#C4E5CF
#CDDAD1
#CCDCD0
#CBDECF
#CADFCF
#C9E1CE
#C8E3CD
#C7E5CC
#D3D4D1
#D1D7D0
#D0D9CF
#CEDCCE
#CDDFCD
#CBE2CB
#C9E5CA
#D8CFD1
#D6D3CF
#D4D6CE
#D2DACC
#D0DDCB
#CEE1C9
#CCE5C7
#DEC9D1
#DBCDCF
#D9D2CD
#D6D6CB
#D4DBC9
#D1DFC7
#CEE5C5
#E5C2D1
#E2C8CF
#DFCDCC
#DBD3CA
#D8D8C7
#D5DEC5
#D1E5C2
Colorpallet from #C2E5D1 to #E5D1C2 and to #D1C2E5
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C8E2CF
#C7E2D0
#C7E1D1
#C6E1D1
#C5E0D2
#C5E0D3
#C4DFD4
#CDDFCC
#CCDECE
#CBDDD0
#CADDD1
#C9DCD3
#C8DBD5
#C7DAD7
#D3DBCA
#D1DACD
#D0D9CF
#CED8D2
#CDD7D5
#CBD5D8
#C9D4DB
#D8D8C7
#D6D7CB
#D4D5CE
#D2D4D2
#D0D2D6
#CED1D9
#CCCFDE
#DED5C5
#DBD3C9
#D9D1CE
#D6CFD2
#D4CDD7
#D1CBDB
#CEC9E1
#E5D1C2
#E2CFC8
#DFCCCD
#DBCAD3
#D8C7D8
#D5C5DE
#D1C2E5
Colorpallet from #C2E5D1 to #E5D1C2 and to #D1E5C2
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C8E2CF
#C7E2CF
#C7E3CF
#C6E3CF
#C5E4CF
#C5E4CF
#C4E5CF
#CDDFCC
#CCE0CC
#CBE1CC
#CAE2CC
#C9E3CC
#C8E4CC
#C7E5CC
#D3DBCA
#D1DDCA
#D0DECA
#CEE0CA
#CDE1CA
#CBE3CA
#C9E5CA
#D8D8C7
#D6DAC7
#D4DCC7
#D2DEC7
#D0E0C7
#CEE2C7
#CCE5C7
#DED5C5
#DBD8C5
#D9DAC5
#D6DDC5
#D4DFC5
#D1E2C5
#CEE5C5
#E5D1C2
#E2D4C2
#DFD7C2
#DBDBC2
#D8DEC2
#D5E1C2
#D1E5C2
Colorpallet from #C2E5D1 to #D1C2E5 and to #D1E5C2
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C2E5D1
#C4DFD4
#C4E0D3
#C4E1D2
#C4E2D2
#C4E3D1
#C4E4D0
#C4E5CF
#C7DAD7
#C7DCD5
#C7DED3
#C7DFD2
#C7E1D0
#C7E3CE
#C7E5CC
#C9D4DB
#C9D7D8
#C9D9D6
#C9DCD3
#C9DFD0
#C9E2CD
#C9E5CA
#CCCFDE
#CCD3DA
#CCD6D7
#CCDAD3
#CCDDCF
#CCE1CC
#CCE5C7
#CEC9E1
#CECDDD
#CED2D8
#CED6D4
#CEDBCF
#CEDFCB
#CEE5C5
#D1C2E5
#D1C8DF
#D1CDDA
#D1D3D4
#D1D8CF
#D1DEC9
#D1E5C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts