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 #D3E1C2 to #D3C2E1 and to #E1D3C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3DCC7
#D3DCC6
#D4DDC5
#D4DDC5
#D4DEC4
#D5DEC3
#D5DFC2
#D3D7CC
#D4D8CA
#D4D9C9
#D5DAC7
#D6DBC6
#D6DCC4
#D7DDC2
#D3D2D1
#D4D3CF
#D5D5CC
#D6D6CA
#D7D7C7
#D9D8C5
#DADAC2
#D3CDD6
#D4CFD3
#D6D1D0
#D7D2CC
#D9D4C9
#DAD6C6
#DCD8C2
#D3C8DB
#D5CAD7
#D7CCD3
#D8CFCF
#DAD1CB
#DCD3C7
#DED6C2
#D3C2E1
#D5C5DC
#D7C7D7
#DACAD2
#DCCDCD
#DED0C8
#E1D3C2
Colorpallet from #D3E1C2 to #D3C2E1 and to #E1C2D3
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3DCC7
#D3DCC7
#D4DCC6
#D4DCC6
#D4DCC6
#D5DCC5
#D5DCC5
#D3D7CC
#D4D7CB
#D4D7CA
#D5D7CA
#D6D7C9
#D6D7C8
#D7D7C7
#D3D2D1
#D4D2D0
#D5D2CF
#D6D2CE
#D7D2CD
#D9D2CB
#DAD2CA
#D3CDD6
#D4CDD5
#D6CDD3
#D7CDD2
#D9CDD0
#DACDCF
#DCCDCD
#D3C8DB
#D5C8D9
#D7C8D7
#D8C8D6
#DAC8D4
#DCC8D2
#DEC8D0
#D3C2E1
#D5C2DF
#D7C2DD
#DAC2DA
#DCC2D8
#DEC2D6
#E1C2D3
Colorpallet from #D3E1C2 to #D3C2E1 and to #C2D3E1
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3DCC7
#D3DCC7
#D2DDC7
#D2DDC7
#D1DEC7
#D1DEC7
#D0DFC7
#D3D7CC
#D2D8CC
#D1D9CC
#D1DACC
#D0DBCC
#CFDCCC
#CEDDCC
#D3D2D1
#D2D3D1
#D0D5D1
#CFD6D1
#CED7D1
#CDD8D1
#CBDAD1
#D3CDD6
#D1CFD6
#CFD1D6
#CED2D6
#CCD4D6
#CAD6D6
#C8D8D6
#D3C8DB
#D1CADB
#CFCCDB
#CCCFDB
#CAD1DB
#C8D3DB
#C5D6DB
#D3C2E1
#D0C5E1
#CEC7E1
#CBCAE1
#C8CDE1
#C5D0E1
#C2D3E1
Colorpallet from #D3E1C2 to #D3C2E1 and to #C2E1D3
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3DCC7
#D3DDC7
#D2DEC6
#D2DEC6
#D1DFC6
#D1E0C5
#D0E1C5
#D3D7CC
#D2D9CB
#D1DACA
#D1DCCA
#D0DDC9
#CFDFC8
#CEE1C7
#D3D2D1
#D2D4D0
#D0D7CF
#CFD9CE
#CEDCCD
#CDDECB
#CBE1CA
#D3CDD6
#D1D0D5
#CFD3D3
#CED7D2
#CCDAD0
#CADDCF
#C8E1CD
#D3C8DB
#D1CCD9
#CFD0D7
#CCD4D6
#CAD8D4
#C8DCD2
#C5E1D0
#D3C2E1
#D0C7DF
#CECCDD
#CBD1DA
#C8D6D8
#C5DBD6
#C2E1D3
Colorpallet from #D3E1C2 to #E1D3C2 and to #E1C2D3
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D5DFC2
#D5DFC2
#D5DEC3
#D5DEC3
#D5DDC4
#D5DDC4
#D5DCC5
#D7DDC2
#D7DCC3
#D7DBC4
#D7DAC4
#D7D9C5
#D7D8C6
#D7D7C7
#DADAC2
#DAD9C3
#DAD7C5
#DAD6C6
#DAD5C7
#DAD4C8
#DAD2CA
#DCD8C2
#DCD6C4
#DCD4C6
#DCD3C7
#DCD1C9
#DCCFCB
#DCCDCD
#DED6C2
#DED4C4
#DED2C6
#DECFC9
#DECDCB
#DECBCD
#DEC8D0
#E1D3C2
#E1D0C5
#E1CEC7
#E1CBCA
#E1C8CD
#E1C5D0
#E1C2D3
Colorpallet from #D3E1C2 to #E1D3C2 and to #C2D3E1
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D5DFC2
#D4DFC3
#D3DFC4
#D3DFC4
#D2DFC5
#D1DFC6
#D0DFC7
#D7DDC2
#D6DDC4
#D4DDC5
#D3DDC7
#D1DDC8
#D0DDCA
#CEDDCC
#DADAC2
#D8DAC4
#D5DAC7
#D3DAC9
#D0DACC
#CEDACE
#CBDAD1
#DCD8C2
#D9D8C5
#D6D8C8
#D2D8CC
#CFD8CF
#CCD8D2
#C8D8D6
#DED6C2
#DAD6C6
#D6D6CA
#D2D6CE
#CED6D2
#CAD6D6
#C5D6DB
#E1D3C2
#DCD3C7
#D7D3CC
#D2D3D1
#CDD3D6
#C8D3DB
#C2D3E1
Colorpallet from #D3E1C2 to #E1D3C2 and to #C2E1D3
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D5DFC2
#D4DFC2
#D3E0C3
#D3E0C3
#D2E0C4
#D1E1C4
#D0E1C5
#D7DDC2
#D6DEC3
#D4DEC4
#D3DFC4
#D1E0C5
#D0E0C6
#CEE1C7
#DADAC2
#D8DBC3
#D5DCC5
#D3DDC6
#D0DEC7
#CEE0C8
#CBE1CA
#DCD8C2
#D9D9C4
#D6DBC6
#D2DCC7
#CFDEC9
#CCDFCB
#C8E1CD
#DED6C2
#DAD8C4
#D6DAC6
#D2DBC9
#CEDDCB
#CADFCD
#C5E1D0
#E1D3C2
#DCD5C5
#D7D7C7
#D2DACA
#CDDCCD
#C8DED0
#C2E1D3
Colorpallet from #D3E1C2 to #E1C2D3 and to #C2D3E1
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D5DCC5
#D4DCC5
#D3DDC6
#D3DDC6
#D2DEC6
#D1DEC7
#D0DFC7
#D7D7C7
#D6D8C8
#D4D9C9
#D3DAC9
#D1DBCA
#D0DCCB
#CEDDCC
#DAD2CA
#D8D3CB
#D5D5CC
#D3D6CD
#D0D7CE
#CED8D0
#CBDAD1
#DCCDCD
#D9CFCE
#D6D1D0
#D2D2D1
#CFD4D3
#CCD6D4
#C8D8D6
#DEC8D0
#DACAD2
#D6CCD4
#D2CFD5
#CED1D7
#CAD3D9
#C5D6DB
#E1C2D3
#DCC5D5
#D7C7D7
#D2CADA
#CDCDDC
#C8D0DE
#C2D3E1
Colorpallet from #D3E1C2 to #E1C2D3 and to #C2E1D3
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D5DCC5
#D4DDC5
#D3DEC5
#D3DEC5
#D2DFC5
#D1E0C5
#D0E1C5
#D7D7C7
#D6D9C7
#D4DAC7
#D3DCC7
#D1DDC7
#D0DFC7
#CEE1C7
#DAD2CA
#D8D4CA
#D5D7CA
#D3D9CA
#D0DCCA
#CEDECA
#CBE1CA
#DCCDCD
#D9D0CD
#D6D3CD
#D2D7CD
#CFDACD
#CCDDCD
#C8E1CD
#DEC8D0
#DACCD0
#D6D0D0
#D2D4D0
#CED8D0
#CADCD0
#C5E1D0
#E1C2D3
#DCC7D3
#D7CCD3
#D2D1D3
#CDD6D3
#C8DBD3
#C2E1D3
Colorpallet from #D3E1C2 to #C2D3E1 and to #C2E1D3
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D3E1C2
#D0DFC7
#D0DFC7
#D0E0C6
#D0E0C6
#D0E0C6
#D0E1C5
#D0E1C5
#CEDDCC
#CEDECB
#CEDECA
#CEDFCA
#CEE0C9
#CEE0C8
#CEE1C7
#CBDAD1
#CBDBD0
#CBDCCF
#CBDDCE
#CBDECD
#CBE0CB
#CBE1CA
#C8D8D6
#C8D9D5
#C8DBD3
#C8DCD2
#C8DED0
#C8DFCF
#C8E1CD
#C5D6DB
#C5D8D9
#C5DAD7
#C5DBD6
#C5DDD4
#C5DFD2
#C5E1D0
#C2D3E1
#C2D5DF
#C2D7DD
#C2DADA
#C2DCD8
#C2DED6
#C2E1D3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts