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 #D1E2C6 to #D1C6E2 and to #E2D1C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1DECA
#D1DEC9
#D2DEC9
#D2DEC8
#D3DFC7
#D3DFC7
#D4DFC6
#D1D9CF
#D2DACE
#D3DACC
#D3DBCB
#D4DCC9
#D5DCC8
#D6DDC6
#D1D5D3
#D2D6D1
#D4D7CF
#D5D7CD
#D6D8CB
#D7D9C9
#D9DAC6
#D1D0D8
#D3D1D5
#D5D2D2
#D6D3CF
#D8D4CC
#DAD6CA
#DCD7C6
#D1CCDC
#D3CDD8
#D5CFD5
#D8D0D1
#DAD1CE
#DCD2CA
#DFD4C6
#D1C6E2
#D4C8DE
#D6CAD9
#D9CBD5
#DCCDD0
#DFCFCC
#E2D1C6
Colorpallet from #D1E2C6 to #D1C6E2 and to #E2C6D1
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1DECA
#D1DECA
#D2DEC9
#D2DEC9
#D3DEC9
#D3DEC8
#D4DEC8
#D1D9CF
#D2D9CE
#D3D9CD
#D3D9CD
#D4D9CC
#D5D9CB
#D6D9CA
#D1D5D3
#D2D5D2
#D4D5D0
#D5D5CF
#D6D5CE
#D7D5CD
#D9D5CB
#D1D0D8
#D3D0D6
#D5D0D4
#D6D0D3
#D8D0D1
#DAD0CF
#DCD0CD
#D1CCDC
#D3CCDA
#D5CCD8
#D8CCD6
#DACCD4
#DCCCD2
#DFCCCF
#D1C6E2
#D4C6DF
#D6C6DD
#D9C6DA
#DCC6D7
#DFC6D4
#E2C6D1
Colorpallet from #D1E2C6 to #D1C6E2 and to #C6D1E2
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1DECA
#D1DECA
#D0DECA
#D0DECA
#D0DFCA
#CFDFCA
#CFDFCA
#D1D9CF
#D0DACF
#D0DACF
#CFDBCF
#CEDCCF
#CEDCCF
#CDDDCF
#D1D5D3
#D0D6D3
#CFD7D3
#CFD7D3
#CED8D3
#CDD9D3
#CCDAD3
#D1D0D8
#D0D1D8
#CFD2D8
#CED3D8
#CDD4D8
#CBD6D8
#CAD7D8
#D1CCDC
#D0CDDC
#CECFDC
#CDD0DC
#CBD1DC
#CAD2DC
#C8D4DC
#D1C6E2
#CFC8E2
#CDCAE2
#CCCBE2
#CACDE2
#C8CFE2
#C6D1E2
Colorpallet from #D1E2C6 to #D1C6E2 and to #C6E2D1
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1DECA
#D1DFCA
#D0DFC9
#D0E0C9
#D0E1C9
#CFE1C8
#CFE2C8
#D1D9CF
#D0DACE
#D0DCCD
#CFDDCD
#CEDFCC
#CEE0CB
#CDE2CA
#D1D5D3
#D0D7D2
#CFD9D0
#CFDBCF
#CEDDCE
#CDDFCD
#CCE2CB
#D1D0D8
#D0D3D6
#CFD6D4
#CED9D3
#CDDCD1
#CBDECF
#CAE2CD
#D1CCDC
#D0D0DA
#CED3D8
#CDD7D6
#CBDAD4
#CADED2
#C8E2CF
#D1C6E2
#CFCADF
#CDCFDD
#CCD3DA
#CAD8D7
#C8DCD4
#C6E2D1
Colorpallet from #D1E2C6 to #E2D1C6 and to #E2C6D1
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D4DFC6
#D4DFC6
#D4DFC7
#D4DFC7
#D4DEC7
#D4DEC8
#D4DEC8
#D6DDC6
#D6DCC7
#D6DCC7
#D6DBC8
#D6DAC9
#D6DAC9
#D6D9CA
#D9DAC6
#D9D9C7
#D9D8C8
#D9D8C8
#D9D7C9
#D9D6CA
#D9D5CB
#DCD7C6
#DCD6C7
#DCD5C8
#DCD4C9
#DCD3CA
#DCD1CC
#DCD0CD
#DFD4C6
#DFD3C7
#DFD1C9
#DFD0CA
#DFCFCC
#DFCECD
#DFCCCF
#E2D1C6
#E2CFC8
#E2CDCA
#E2CCCB
#E2CACD
#E2C8CF
#E2C6D1
Colorpallet from #D1E2C6 to #E2D1C6 and to #C6D1E2
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D4DFC6
#D3DFC7
#D2DFC7
#D2DFC8
#D1DFC9
#D0DFC9
#CFDFCA
#D6DDC6
#D5DDC7
#D3DDC9
#D2DDCA
#D0DDCC
#CFDDCD
#CDDDCF
#D9DAC6
#D7DAC8
#D5DACA
#D3DACC
#D1DACE
#CFDAD0
#CCDAD3
#DCD7C6
#D9D7C9
#D6D7CC
#D3D7CF
#D0D7D2
#CED7D4
#CAD7D8
#DFD4C6
#DBD4CA
#D8D4CD
#D4D4D1
#D0D4D4
#CDD4D8
#C8D4DC
#E2D1C6
#DED1CA
#D9D1CF
#D5D1D3
#D0D1D8
#CCD1DC
#C6D1E2
Colorpallet from #D1E2C6 to #E2D1C6 and to #C6E2D1
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D4DFC6
#D3DFC6
#D2E0C7
#D2E0C7
#D1E1C7
#D0E1C8
#CFE2C8
#D6DDC6
#D5DEC7
#D3DFC7
#D2DFC8
#D0E0C9
#CFE1C9
#CDE2CA
#D9DAC6
#D7DBC7
#D5DDC8
#D3DEC8
#D1DFC9
#CFE0CA
#CCE2CB
#DCD7C6
#D9D9C7
#D6DBC8
#D3DCC9
#D0DECA
#CEE0CC
#CAE2CD
#DFD4C6
#DBD6C7
#D8D8C9
#D4DBCA
#D0DDCC
#CDDFCD
#C8E2CF
#E2D1C6
#DED4C8
#D9D6CA
#D5D9CB
#D0DCCD
#CCDFCF
#C6E2D1
Colorpallet from #D1E2C6 to #E2C6D1 and to #C6D1E2
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D4DEC8
#D3DEC8
#D2DEC9
#D2DEC9
#D1DFC9
#D0DFCA
#CFDFCA
#D6D9CA
#D5DACB
#D3DACC
#D2DBCC
#D0DCCD
#CFDCCE
#CDDDCF
#D9D5CB
#D7D6CC
#D5D7CE
#D3D7CF
#D1D8D0
#CFD9D1
#CCDAD3
#DCD0CD
#D9D1CF
#D6D2D1
#D3D3D2
#D0D4D4
#CED6D6
#CAD7D8
#DFCCCF
#DBCDD1
#D8CFD3
#D4D0D5
#D0D1D7
#CDD2D9
#C8D4DC
#E2C6D1
#DEC8D4
#D9CAD6
#D5CBD9
#D0CDDC
#CCCFDF
#C6D1E2
Colorpallet from #D1E2C6 to #E2C6D1 and to #C6E2D1
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D4DEC8
#D3DFC8
#D2DFC8
#D2E0C8
#D1E1C8
#D0E1C8
#CFE2C8
#D6D9CA
#D5DACA
#D3DCCA
#D2DDCA
#D0DFCA
#CFE0CA
#CDE2CA
#D9D5CB
#D7D7CB
#D5D9CB
#D3DBCB
#D1DDCB
#CFDFCB
#CCE2CB
#DCD0CD
#D9D3CD
#D6D6CD
#D3D9CD
#D0DCCD
#CEDECD
#CAE2CD
#DFCCCF
#DBD0CF
#D8D3CF
#D4D7CF
#D0DACF
#CDDECF
#C8E2CF
#E2C6D1
#DECAD1
#D9CFD1
#D5D3D1
#D0D8D1
#CCDCD1
#C6E2D1
Colorpallet from #D1E2C6 to #C6D1E2 and to #C6E2D1
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#D1E2C6
#CFDFCA
#CFDFCA
#CFE0C9
#CFE0C9
#CFE1C9
#CFE1C8
#CFE2C8
#CDDDCF
#CDDECE
#CDDFCD
#CDDFCD
#CDE0CC
#CDE1CB
#CDE2CA
#CCDAD3
#CCDBD2
#CCDDD0
#CCDECF
#CCDFCE
#CCE0CD
#CCE2CB
#CAD7D8
#CAD9D6
#CADBD4
#CADCD3
#CADED1
#CAE0CF
#CAE2CD
#C8D4DC
#C8D6DA
#C8D8D8
#C8DBD6
#C8DDD4
#C8DFD2
#C8E2CF
#C6D1E2
#C6D4DF
#C6D6DD
#C6D9DA
#C6DCD7
#C6DFD4
#C6E2D1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts