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 #C3E3D2 to #C3D2E3 and to #E3C3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E0D5
#C4E0D5
#C5DFD4
#C5DFD4
#C6DFD3
#C7DED3
#C8DED2
#C3DED7
#C5DDD6
#C6DCD5
#C8DCD5
#C9DBD4
#CBDAD3
#CDD9D2
#C3DBDA
#C5DAD9
#C8D9D7
#CAD8D6
#CDD7D5
#CFD5D4
#D2D4D2
#C3D8DD
#C6D7DB
#C9D5D9
#CDD4D8
#D0D2D6
#D3D1D4
#D7CFD2
#C3D5E0
#C7D3DE
#CBD1DC
#CFCFD9
#D4CDD7
#D8CBD5
#DDC9D2
#C3D2E3
#C8D0E0
#CDCDDE
#D2CBDB
#D7C8D8
#DDC6D5
#E3C3D2
Colorpallet from #C3E3D2 to #C3D2E3 and to #E3D2C3
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E0D5
#C4E0D4
#C5E0D3
#C5E0D3
#C6E0D2
#C7E0D1
#C8E0D0
#C3DED7
#C5DED5
#C6DED4
#C8DED2
#C9DED1
#CBDECF
#CDDECD
#C3DBDA
#C5DBD8
#C8DBD5
#CADBD3
#CDDBD0
#CFDBCE
#D2DBCB
#C3D8DD
#C6D8DA
#C9D8D6
#CDD8D3
#D0D8D0
#D3D8CC
#D7D8C8
#C3D5E0
#C7D5DC
#CBD5D8
#CFD5D4
#D4D5CF
#D8D5CB
#DDD5C6
#C3D2E3
#C8D2DE
#CDD2D9
#D2D2D4
#D7D2CF
#DDD2C9
#E3D2C3
Colorpallet from #C3E3D2 to #C3D2E3 and to #D2C3E3
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E0D5
#C3E0D5
#C4DFD5
#C4DFD5
#C4DFD5
#C5DED5
#C5DED5
#C3DED7
#C4DDD7
#C5DCD7
#C5DCD7
#C6DBD7
#C7DAD7
#C8D9D7
#C3DBDA
#C4DADA
#C5D9DA
#C6D8DA
#C7D7DA
#C9D5DA
#CAD4DA
#C3D8DD
#C5D7DD
#C6D5DD
#C8D4DD
#C9D2DD
#CBD1DD
#CDCFDD
#C3D5E0
#C5D3E0
#C7D1E0
#C9CFE0
#CBCDE0
#CDCBE0
#CFC9E0
#C3D2E3
#C5D0E3
#C8CDE3
#CACBE3
#CDC8E3
#CFC6E3
#D2C3E3
Colorpallet from #C3E3D2 to #C3D2E3 and to #D2E3C3
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E0D5
#C3E0D4
#C4E1D3
#C4E1D3
#C4E2D2
#C5E2D1
#C5E3D0
#C3DED7
#C4DFD5
#C5E0D4
#C5E0D2
#C6E1D1
#C7E2CF
#C8E3CD
#C3DBDA
#C4DCD8
#C5DED5
#C6DFD3
#C7E0D0
#C9E1CE
#CAE3CB
#C3D8DD
#C5DADA
#C6DCD6
#C8DDD3
#C9DFD0
#CBE1CC
#CDE3C8
#C3D5E0
#C5D7DC
#C7D9D8
#C9DCD4
#CBDECF
#CDE0CB
#CFE3C6
#C3D2E3
#C5D5DE
#C8D7D9
#CADAD4
#CDDDCF
#CFE0C9
#D2E3C3
Colorpallet from #C3E3D2 to #E3C3D2 and to #E3D2C3
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C8DED2
#C8DED2
#C8DFD1
#C8DFD1
#C8DFD1
#C8E0D0
#C8E0D0
#CDD9D2
#CDDAD1
#CDDBD0
#CDDBD0
#CDDCCF
#CDDDCE
#CDDECD
#D2D4D2
#D2D5D1
#D2D6D0
#D2D7CF
#D2D8CE
#D2DACC
#D2DBCB
#D7CFD2
#D7D0D0
#D7D2CF
#D7D3CD
#D7D5CC
#D7D6CA
#D7D8C8
#DDC9D2
#DDCBD0
#DDCDCE
#DDCFCC
#DDD1CA
#DDD3C8
#DDD5C6
#E3C3D2
#E3C5D0
#E3C8CD
#E3CACB
#E3CDC8
#E3CFC6
#E3D2C3
Colorpallet from #C3E3D2 to #E3C3D2 and to #D2C3E3
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C8DED2
#C8DED2
#C7DED3
#C7DED3
#C6DED4
#C6DED4
#C5DED5
#CDD9D2
#CCD9D3
#CBD9D4
#CBD9D4
#CAD9D5
#C9D9D6
#C8D9D7
#D2D4D2
#D1D4D3
#CFD4D5
#CED4D6
#CDD4D7
#CCD4D8
#CAD4DA
#D7CFD2
#D5CFD4
#D4CFD6
#D2CFD7
#D1CFD9
#CFCFDB
#CDCFDD
#DDC9D2
#DBC9D4
#D9C9D6
#D6C9D9
#D4C9DB
#D2C9DD
#CFC9E0
#E3C3D2
#E0C3D5
#DEC3D7
#DBC3DA
#D8C3DD
#D5C3E0
#D2C3E3
Colorpallet from #C3E3D2 to #E3C3D2 and to #D2E3C3
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C8DED2
#C8DFD2
#C7E0D1
#C7E0D1
#C6E1D1
#C6E2D0
#C5E3D0
#CDD9D2
#CCDBD1
#CBDCD0
#CBDED0
#CADFCF
#C9E1CE
#C8E3CD
#D2D4D2
#D1D6D1
#CFD9D0
#CEDBCF
#CDDECE
#CCE0CC
#CAE3CB
#D7CFD2
#D5D2D0
#D4D5CF
#D2D9CD
#D1DCCC
#CFDFCA
#CDE3C8
#DDC9D2
#DBCDD0
#D9D1CE
#D6D5CC
#D4DACA
#D2DEC8
#CFE3C6
#E3C3D2
#E0C8D0
#DECDCD
#DBD2CB
#D8D7C8
#D5DDC6
#D2E3C3
Colorpallet from #C3E3D2 to #E3D2C3 and to #D2C3E3
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C8E0D0
#C8E0D1
#C7DFD2
#C7DFD2
#C6DFD3
#C6DED4
#C5DED5
#CDDECD
#CCDDCF
#CBDCD0
#CBDCD2
#CADBD3
#C9DAD5
#C8D9D7
#D2DBCB
#D1DACD
#CFD9D0
#CED8D2
#CDD7D5
#CCD5D7
#CAD4DA
#D7D8C8
#D5D7CB
#D4D5CF
#D2D4D2
#D1D2D5
#CFD1D9
#CDCFDD
#DDD5C6
#DBD3CA
#D9D1CE
#D6CFD2
#D4CDD7
#D2CBDB
#CFC9E0
#E3D2C3
#E0D0C8
#DECDCD
#DBCBD2
#D8C8D7
#D5C6DD
#D2C3E3
Colorpallet from #C3E3D2 to #E3D2C3 and to #D2E3C3
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C8E0D0
#C8E0D0
#C7E1D0
#C7E1D0
#C6E2D0
#C6E2D0
#C5E3D0
#CDDECD
#CCDFCD
#CBE0CD
#CBE0CD
#CAE1CD
#C9E2CD
#C8E3CD
#D2DBCB
#D1DCCB
#CFDECB
#CEDFCB
#CDE0CB
#CCE1CB
#CAE3CB
#D7D8C8
#D5DAC8
#D4DCC8
#D2DDC8
#D1DFC8
#CFE1C8
#CDE3C8
#DDD5C6
#DBD7C6
#D9D9C6
#D6DCC6
#D4DEC6
#D2E0C6
#CFE3C6
#E3D2C3
#E0D5C3
#DED7C3
#DBDAC3
#D8DDC3
#D5E0C3
#D2E3C3
Colorpallet from #C3E3D2 to #D2C3E3 and to #D2E3C3
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C3E3D2
#C5DED5
#C5DFD4
#C5E0D3
#C5E0D3
#C5E1D2
#C5E2D1
#C5E3D0
#C8D9D7
#C8DBD5
#C8DCD4
#C8DED2
#C8DFD1
#C8E1CF
#C8E3CD
#CAD4DA
#CAD6D8
#CAD9D5
#CADBD3
#CADED0
#CAE0CE
#CAE3CB
#CDCFDD
#CDD2DA
#CDD5D6
#CDD9D3
#CDDCD0
#CDDFCC
#CDE3C8
#CFC9E0
#CFCDDC
#CFD1D8
#CFD5D4
#CFDACF
#CFDECB
#CFE3C6
#D2C3E3
#D2C8DE
#D2CDD9
#D2D2D4
#D2D7CF
#D2DDC9
#D2E3C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts