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 #C3E3D1 to #C3D1E3 and to #E3C3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E0D4
#C4E0D4
#C5DFD3
#C5DFD3
#C6DFD2
#C7DED2
#C8DED1
#C3DDD7
#C5DCD6
#C6DCD5
#C8DBD4
#C9DAD3
#CBDAD2
#CDD9D1
#C3DADA
#C5D9D9
#C8D8D7
#CAD7D6
#CDD6D4
#CFD5D3
#D2D4D1
#C3D7DD
#C6D6DB
#C9D4D9
#CDD3D7
#D0D2D5
#D3D1D3
#D7CFD1
#C3D5DF
#C7D3DD
#CBD1DB
#CFCFD8
#D4CDD6
#D8CBD4
#DDC9D1
#C3D1E3
#C8CFE0
#CDCDDD
#D2CADA
#D7C8D7
#DDC6D5
#E3C3D1
Colorpallet from #C3E3D1 to #C3D1E3 and to #E3D1C3
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E0D4
#C4E0D3
#C5E0D2
#C5E0D2
#C6E0D1
#C7E0D0
#C8E0CF
#C3DDD7
#C5DDD5
#C6DDD4
#C8DDD2
#C9DDD1
#CBDDCF
#CDDDCD
#C3DADA
#C5DAD7
#C8DAD5
#CADAD2
#CDDAD0
#CFDACD
#D2DACA
#C3D7DD
#C6D7DA
#C9D7D6
#CDD7D3
#D0D7D0
#D3D7CC
#D7D7C8
#C3D5DF
#C7D5DB
#CBD5D7
#CFD5D3
#D4D5CF
#D8D5CB
#DDD5C6
#C3D1E3
#C8D1DE
#CDD1D9
#D2D1D4
#D7D1CF
#DDD1C9
#E3D1C3
Colorpallet from #C3E3D1 to #C3D1E3 and to #D1C3E3
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E0D4
#C3E0D4
#C4DFD4
#C4DFD4
#C4DFD4
#C5DED4
#C5DED4
#C3DDD7
#C4DCD7
#C4DCD7
#C5DBD7
#C6DAD7
#C6DAD7
#C7D9D7
#C3DADA
#C4D9DA
#C5D8DA
#C6D7DA
#C7D6DA
#C9D5DA
#CAD4DA
#C3D7DD
#C4D6DD
#C6D4DD
#C7D3DD
#C9D2DD
#CAD1DD
#CCCFDD
#C3D5DF
#C5D3DF
#C7D1DF
#C8CFDF
#CACDDF
#CCCBDF
#CEC9DF
#C3D1E3
#C5CFE3
#C7CDE3
#CACAE3
#CCC8E3
#CEC6E3
#D1C3E3
Colorpallet from #C3E3D1 to #C3D1E3 and to #D1E3C3
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E0D4
#C3E0D3
#C4E1D2
#C4E1D2
#C4E2D1
#C5E2D0
#C5E3CF
#C3DDD7
#C4DED5
#C4DFD4
#C5E0D2
#C6E1D1
#C6E2CF
#C7E3CD
#C3DADA
#C4DBD7
#C5DDD5
#C6DED2
#C7E0D0
#C9E1CD
#CAE3CA
#C3D7DD
#C4D9DA
#C6DBD6
#C7DDD3
#C9DFD0
#CAE1CC
#CCE3C8
#C3D5DF
#C5D7DB
#C7D9D7
#C8DCD3
#CADECF
#CCE0CB
#CEE3C6
#C3D1E3
#C5D4DE
#C7D7D9
#CADAD4
#CCDDCF
#CEDFC9
#D1E3C3
Colorpallet from #C3E3D1 to #E3C3D1 and to #E3D1C3
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C8DED1
#C8DED1
#C8DFD0
#C8DFD0
#C8DFD0
#C8E0CF
#C8E0CF
#CDD9D1
#CDDAD0
#CDDAD0
#CDDBCF
#CDDCCE
#CDDCCE
#CDDDCD
#D2D4D1
#D2D5D0
#D2D6CF
#D2D7CE
#D2D8CD
#D2D9CB
#D2DACA
#D7CFD1
#D7D0D0
#D7D2CE
#D7D3CD
#D7D4CB
#D7D5CA
#D7D7C8
#DDC9D1
#DDCBCF
#DDCDCD
#DDCFCC
#DDD1CA
#DDD3C8
#DDD5C6
#E3C3D1
#E3C5CF
#E3C7CD
#E3CACA
#E3CCC8
#E3CEC6
#E3D1C3
Colorpallet from #C3E3D1 to #E3C3D1 and to #D1C3E3
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C8DED1
#C8DED1
#C7DED2
#C7DED2
#C6DED3
#C6DED3
#C5DED4
#CDD9D1
#CCD9D2
#CBD9D3
#CAD9D4
#C9D9D5
#C8D9D6
#C7D9D7
#D2D4D1
#D1D4D2
#CFD4D4
#CED4D5
#CDD4D7
#CCD4D8
#CAD4DA
#D7CFD1
#D5CFD3
#D3CFD5
#D2CFD7
#D0CFD9
#CECFDB
#CCCFDD
#DDC9D1
#DBC9D3
#D8C9D5
#D6C9D8
#D3C9DA
#D1C9DC
#CEC9DF
#E3C3D1
#E0C3D4
#DDC3D7
#DAC3DA
#D7C3DD
#D5C3DF
#D1C3E3
Colorpallet from #C3E3D1 to #E3C3D1 and to #D1E3C3
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C8DED1
#C8DFD1
#C7E0D0
#C7E0D0
#C6E1D0
#C6E2CF
#C5E3CF
#CDD9D1
#CCDBD0
#CBDCD0
#CADECF
#C9DFCE
#C8E1CE
#C7E3CD
#D2D4D1
#D1D6D0
#CFD9CF
#CEDBCE
#CDDECD
#CCE0CB
#CAE3CA
#D7CFD1
#D5D2D0
#D3D5CE
#D2D9CD
#D0DCCB
#CEDFCA
#CCE3C8
#DDC9D1
#DBCDCF
#D8D1CD
#D6D5CC
#D3DACA
#D1DEC8
#CEE3C6
#E3C3D1
#E0C8CF
#DDCDCD
#DAD2CA
#D7D7C8
#D5DDC6
#D1E3C3
Colorpallet from #C3E3D1 to #E3D1C3 and to #D1C3E3
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C8E0CF
#C8E0D0
#C7DFD1
#C7DFD1
#C6DFD2
#C6DED3
#C5DED4
#CDDDCD
#CCDCCF
#CBDCD0
#CADBD2
#C9DAD3
#C8DAD5
#C7D9D7
#D2DACA
#D1D9CD
#CFD8CF
#CED7D2
#CDD6D4
#CCD5D7
#CAD4DA
#D7D7C8
#D5D6CB
#D3D4CF
#D2D3D2
#D0D2D5
#CED1D9
#CCCFDD
#DDD5C6
#DBD3CA
#D8D1CE
#D6CFD2
#D3CDD6
#D1CBDA
#CEC9DF
#E3D1C3
#E0CFC8
#DDCDCD
#DACAD2
#D7C8D7
#D5C6DD
#D1C3E3
Colorpallet from #C3E3D1 to #E3D1C3 and to #D1E3C3
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C8E0CF
#C8E0CF
#C7E1CF
#C7E1CF
#C6E2CF
#C6E2CF
#C5E3CF
#CDDDCD
#CCDECD
#CBDFCD
#CAE0CD
#C9E1CD
#C8E2CD
#C7E3CD
#D2DACA
#D1DBCA
#CFDDCA
#CEDECA
#CDE0CA
#CCE1CA
#CAE3CA
#D7D7C8
#D5D9C8
#D3DBC8
#D2DDC8
#D0DFC8
#CEE1C8
#CCE3C8
#DDD5C6
#DBD7C6
#D8D9C6
#D6DCC6
#D3DEC6
#D1E0C6
#CEE3C6
#E3D1C3
#E0D4C3
#DDD7C3
#DADAC3
#D7DDC3
#D5DFC3
#D1E3C3
Colorpallet from #C3E3D1 to #D1C3E3 and to #D1E3C3
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C3E3D1
#C5DED4
#C5DFD3
#C5E0D2
#C5E0D2
#C5E1D1
#C5E2D0
#C5E3CF
#C7D9D7
#C7DBD5
#C7DCD4
#C7DED2
#C7DFD1
#C7E1CF
#C7E3CD
#CAD4DA
#CAD6D7
#CAD9D5
#CADBD2
#CADED0
#CAE0CD
#CAE3CA
#CCCFDD
#CCD2DA
#CCD5D6
#CCD9D3
#CCDCD0
#CCDFCC
#CCE3C8
#CEC9DF
#CECDDB
#CED1D7
#CED5D3
#CEDACF
#CEDECB
#CEE3C6
#D1C3E3
#D1C8DE
#D1CDD9
#D1D2D4
#D1D7CF
#D1DDC9
#D1E3C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
