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 #C1E2D3 to #C1D3E2 and to #E2C1D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E0D5
#C2E0D5
#C3DFD4
#C3DFD4
#C4DED4
#C5DED3
#C6DDD3
#C1DDD8
#C3DCD7
#C5DBD6
#C6DAD6
#C8D9D5
#CAD8D4
#CCD7D3
#C1DBDA
#C4DAD9
#C6D8D8
#C9D7D7
#CBD5D6
#CED4D4
#D1D2D3
#C1D8DD
#C4D6DB
#C8D4DA
#CBD3D8
#CED1D7
#D2CFD5
#D6CDD3
#C1D6DF
#C5D4DD
#C9D2DB
#CDCFD9
#D2CDD7
#D6CBD5
#DBC8D3
#C1D3E2
#C6D0E0
#CCCDDD
#D1CADB
#D6C7D8
#DBC5D6
#E2C1D3
Colorpallet from #C1E2D3 to #C1D3E2 and to #E2D3C1
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E0D5
#C2E0D4
#C3E0D3
#C3E0D3
#C4E0D2
#C5E0D1
#C6E0D0
#C1DDD8
#C3DDD6
#C5DDD4
#C6DDD3
#C8DDD1
#CADDCF
#CCDDCD
#C1DBDA
#C4DBD7
#C6DBD5
#C9DBD2
#CBDBD0
#CEDBCD
#D1DBCA
#C1D8DD
#C4D8D9
#C8D8D6
#CBD8D2
#CED8CF
#D2D8CB
#D6D8C7
#C1D6DF
#C5D6DB
#C9D6D7
#CDD6D3
#D2D6CE
#D6D6CA
#DBD6C5
#C1D3E2
#C6D3DD
#CCD3D7
#D1D3D2
#D6D3CD
#DBD3C8
#E2D3C1
Colorpallet from #C1E2D3 to #C1D3E2 and to #D3C1E2
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E0D5
#C1E0D5
#C2DFD5
#C2DFD5
#C3DED5
#C3DED5
#C4DDD5
#C1DDD8
#C2DCD8
#C3DBD8
#C4DAD8
#C5D9D8
#C6D8D8
#C7D7D8
#C1DBDA
#C2DADA
#C4D8DA
#C5D7DA
#C7D5DA
#C8D4DA
#CAD2DA
#C1D8DD
#C3D6DD
#C5D4DD
#C7D3DD
#C9D1DD
#CBCFDD
#CDCDDD
#C1D6DF
#C3D4DF
#C5D2DF
#C8CFDF
#CACDDF
#CCCBDF
#CFC8DF
#C1D3E2
#C4D0E2
#C7CDE2
#CACAE2
#CDC7E2
#CFC5E2
#D3C1E2
Colorpallet from #C1E2D3 to #C1D3E2 and to #D3E2C1
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E0D5
#C1E0D4
#C2E1D3
#C2E1D3
#C3E1D2
#C3E2D1
#C4E2D0
#C1DDD8
#C2DED6
#C3DFD4
#C4DFD3
#C5E0D1
#C6E1CF
#C7E2CD
#C1DBDA
#C2DCD7
#C4DDD5
#C5DED2
#C7DFD0
#C8E1CD
#CAE2CA
#C1D8DD
#C3DAD9
#C5DBD6
#C7DDD2
#C9DECF
#CBE0CB
#CDE2C7
#C1D6DF
#C3D8DB
#C5DAD7
#C8DCD3
#CADECE
#CCE0CA
#CFE2C5
#C1D3E2
#C4D5DD
#C7D8D7
#CADAD2
#CDDDCD
#CFDFC8
#D3E2C1
Colorpallet from #C1E2D3 to #E2C1D3 and to #E2D3C1
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C6DDD3
#C6DDD3
#C6DED2
#C6DED2
#C6DFD1
#C6DFD1
#C6E0D0
#CCD7D3
#CCD8D2
#CCD9D1
#CCDAD0
#CCDBCF
#CCDCCE
#CCDDCD
#D1D2D3
#D1D3D2
#D1D5D0
#D1D6CF
#D1D8CD
#D1D9CC
#D1DBCA
#D6CDD3
#D6CFD1
#D6D1CF
#D6D2CD
#D6D4CB
#D6D6C9
#D6D8C7
#DBC8D3
#DBCAD1
#DBCCCF
#DBCFCC
#DBD1CA
#DBD3C8
#DBD6C5
#E2C1D3
#E2C4D0
#E2C7CD
#E2CACA
#E2CDC7
#E2CFC5
#E2D3C1
Colorpallet from #C1E2D3 to #E2C1D3 and to #D3C1E2
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C6DDD3
#C6DDD3
#C5DDD4
#C5DDD4
#C5DDD4
#C4DDD5
#C4DDD5
#CCD7D3
#CBD7D4
#CAD7D5
#CAD7D5
#C9D7D6
#C8D7D7
#C7D7D8
#D1D2D3
#D0D2D4
#CFD2D5
#CED2D6
#CDD2D7
#CBD2D9
#CAD2DA
#D6CDD3
#D5CDD5
#D3CDD6
#D2CDD8
#D0CDD9
#CFCDDB
#CDCDDD
#DBC8D3
#D9C8D5
#D7C8D7
#D5C8D9
#D3C8DB
#D1C8DD
#CFC8DF
#E2C1D3
#E0C1D5
#DDC1D8
#DBC1DA
#D8C1DD
#D6C1DF
#D3C1E2
Colorpallet from #C1E2D3 to #E2C1D3 and to #D3E2C1
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C6DDD3
#C6DED3
#C5DFD2
#C5DFD2
#C5E0D1
#C4E1D1
#C4E2D0
#CCD7D3
#CBD9D2
#CADBD1
#CADCD0
#C9DECF
#C8E0CE
#C7E2CD
#D1D2D3
#D0D5D2
#CFD7D0
#CEDACF
#CDDCCD
#CBDFCC
#CAE2CA
#D6CDD3
#D5D0D1
#D3D4CF
#D2D7CD
#D0DACB
#CFDEC9
#CDE2C7
#DBC8D3
#D9CCD1
#D7D0CF
#D5D4CC
#D3D9CA
#D1DDC8
#CFE2C5
#E2C1D3
#E0C6D0
#DDCCCD
#DBD1CA
#D8D6C7
#D6DBC5
#D3E2C1
Colorpallet from #C1E2D3 to #E2D3C1 and to #D3C1E2
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C6E0D0
#C6E0D1
#C5DFD2
#C5DFD2
#C5DED3
#C4DED4
#C4DDD5
#CCDDCD
#CBDCCF
#CADBD1
#CADAD2
#C9D9D4
#C8D8D6
#C7D7D8
#D1DBCA
#D0DACD
#CFD8CF
#CED7D2
#CDD5D4
#CBD4D7
#CAD2DA
#D6D8C7
#D5D6CB
#D3D4CE
#D2D3D2
#D0D1D5
#CFCFD9
#CDCDDD
#DBD6C5
#D9D4C9
#D7D2CD
#D5CFD1
#D3CDD6
#D1CBDA
#CFC8DF
#E2D3C1
#E0D0C6
#DDCDCC
#DBCAD1
#D8C7D6
#D6C5DB
#D3C1E2
Colorpallet from #C1E2D3 to #E2D3C1 and to #D3E2C1
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C6E0D0
#C6E0D0
#C5E1D0
#C5E1D0
#C5E1D0
#C4E2D0
#C4E2D0
#CCDDCD
#CBDECD
#CADFCD
#CADFCD
#C9E0CD
#C8E1CD
#C7E2CD
#D1DBCA
#D0DCCA
#CFDDCA
#CEDECA
#CDDFCA
#CBE1CA
#CAE2CA
#D6D8C7
#D5DAC7
#D3DBC7
#D2DDC7
#D0DEC7
#CFE0C7
#CDE2C7
#DBD6C5
#D9D8C5
#D7DAC5
#D5DCC5
#D3DEC5
#D1E0C5
#CFE2C5
#E2D3C1
#E0D5C1
#DDD8C1
#DBDAC1
#D8DDC1
#D6DFC1
#D3E2C1
Colorpallet from #C1E2D3 to #D3C1E2 and to #D3E2C1
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C1E2D3
#C4DDD5
#C4DED4
#C4DFD3
#C4DFD3
#C4E0D2
#C4E1D1
#C4E2D0
#C7D7D8
#C7D9D6
#C7DBD4
#C7DCD3
#C7DED1
#C7E0CF
#C7E2CD
#CAD2DA
#CAD5D7
#CAD7D5
#CADAD2
#CADCD0
#CADFCD
#CAE2CA
#CDCDDD
#CDD0D9
#CDD4D6
#CDD7D2
#CDDACF
#CDDECB
#CDE2C7
#CFC8DF
#CFCCDB
#CFD0D7
#CFD4D3
#CFD9CE
#CFDDCA
#CFE2C5
#D3C1E2
#D3C6DD
#D3CCD7
#D3D1D2
#D3D6CD
#D3DBC8
#D3E2C1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts