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 #C2E1C8 to #C2C8E1 and to #E1C2C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2DDCC
#C3DDCB
#C4DDCB
#C4DDCA
#C5DCC9
#C6DCC9
#C7DCC8
#C2D9D0
#C4D9CF
#C5D8CD
#C7D8CC
#C8D8CB
#CAD7CA
#CCD7C8
#C2D5D4
#C4D5D2
#C7D4D0
#C9D4CE
#CCD3CC
#CED3CA
#D1D2C8
#C2D1D8
#C5D0D5
#C8D0D3
#CCCFD0
#CFCECE
#D2CECB
#D6CDC8
#C2CDDC
#C6CCD9
#CACBD6
#CECBD2
#D2CACF
#D6C9CC
#DBC8C8
#C2C8E1
#C7C7DD
#CCC6D9
#D1C5D5
#D6C4D1
#DBC3CD
#E1C2C8
Colorpallet from #C2E1C8 to #C2C8E1 and to #E1C8C2
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2DDCC
#C3DDCB
#C4DDCA
#C4DDCA
#C5DDC9
#C6DDC8
#C7DDC7
#C2D9D0
#C4D9CE
#C5D9CD
#C7D9CB
#C8D9CA
#CAD9C8
#CCD9C6
#C2D5D4
#C4D5D2
#C7D5CF
#C9D5CD
#CCD5CA
#CED5C8
#D1D5C5
#C2D1D8
#C5D1D5
#C8D1D2
#CCD1CE
#CFD1CB
#D2D1C8
#D6D1C4
#C2CDDC
#C6CDD8
#CACDD4
#CECDD0
#D2CDCC
#D6CDC8
#DBCDC3
#C2C8E1
#C7C8DC
#CCC8D7
#D1C8D2
#D6C8CD
#DBC8C8
#E1C8C2
Colorpallet from #C2E1C8 to #C2C8E1 and to #C8C2E1
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2DDCC
#C2DDCC
#C2DDCC
#C2DDCC
#C3DCCC
#C3DCCC
#C3DCCC
#C2D9D0
#C2D9D0
#C3D8D0
#C3D8D0
#C3D8D0
#C4D7D0
#C4D7D0
#C2D5D4
#C2D5D4
#C3D4D4
#C3D4D4
#C4D3D4
#C4D3D4
#C5D2D4
#C2D1D8
#C3D0D8
#C3D0D8
#C4CFD8
#C5CED8
#C5CED8
#C6CDD8
#C2CDDC
#C3CCDC
#C4CBDC
#C4CBDC
#C5CADC
#C6C9DC
#C7C8DC
#C2C8E1
#C3C7E1
#C4C6E1
#C5C5E1
#C6C4E1
#C7C3E1
#C8C2E1
Colorpallet from #C2E1C8 to #C2C8E1 and to #C8E1C2
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2DDCC
#C2DECB
#C2DECA
#C2DFCA
#C3E0C9
#C3E0C8
#C3E1C7
#C2D9D0
#C2DACE
#C3DCCD
#C3DDCB
#C3DECA
#C4DFC8
#C4E1C6
#C2D5D4
#C2D7D2
#C3D9CF
#C3DBCD
#C4DDCA
#C4DFC8
#C5E1C5
#C2D1D8
#C3D4D5
#C3D6D2
#C4D9CE
#C5DBCB
#C5DEC8
#C6E1C4
#C2CDDC
#C3D0D8
#C4D3D4
#C4D7D0
#C5DACC
#C6DDC8
#C7E1C3
#C2C8E1
#C3CCDC
#C4D0D7
#C5D4D2
#C6D8CD
#C7DCC8
#C8E1C2
Colorpallet from #C2E1C8 to #E1C2C8 and to #E1C8C2
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C7DCC8
#C7DCC8
#C7DCC8
#C7DCC8
#C7DDC7
#C7DDC7
#C7DDC7
#CCD7C8
#CCD7C8
#CCD8C7
#CCD8C7
#CCD8C7
#CCD9C6
#CCD9C6
#D1D2C8
#D1D2C8
#D1D3C7
#D1D3C7
#D1D4C6
#D1D4C6
#D1D5C5
#D6CDC8
#D6CEC7
#D6CEC7
#D6CFC6
#D6D0C5
#D6D0C5
#D6D1C4
#DBC8C8
#DBC9C7
#DBCAC6
#DBCAC6
#DBCBC5
#DBCCC4
#DBCDC3
#E1C2C8
#E1C3C7
#E1C4C6
#E1C5C5
#E1C6C4
#E1C7C3
#E1C8C2
Colorpallet from #C2E1C8 to #E1C2C8 and to #C8C2E1
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C7DCC8
#C6DCC9
#C6DCC9
#C5DCCA
#C4DCCB
#C4DCCB
#C3DCCC
#CCD7C8
#CBD7C9
#C9D7CB
#C8D7CC
#C7D7CD
#C6D7CE
#C4D7D0
#D1D2C8
#CFD2CA
#CDD2CC
#CBD2CE
#C9D2D0
#C7D2D2
#C5D2D4
#D6CDC8
#D3CDCB
#D1CDCD
#CECDD0
#CCCDD2
#C9CDD5
#C6CDD8
#DBC8C8
#D8C8CB
#D5C8CE
#D1C8D2
#CEC8D5
#CBC8D8
#C7C8DC
#E1C2C8
#DDC2CC
#D9C2D0
#D5C2D4
#D1C2D8
#CDC2DC
#C8C2E1
Colorpallet from #C2E1C8 to #E1C2C8 and to #C8E1C2
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C7DCC8
#C6DDC8
#C6DEC8
#C5DEC8
#C4DFC7
#C4E0C7
#C3E1C7
#CCD7C8
#CBD9C8
#C9DAC7
#C8DCC7
#C7DDC7
#C6DFC6
#C4E1C6
#D1D2C8
#CFD4C8
#CDD7C7
#CBD9C7
#C9DCC6
#C7DEC6
#C5E1C5
#D6CDC8
#D3D0C7
#D1D3C7
#CED7C6
#CCDAC5
#C9DDC5
#C6E1C4
#DBC8C8
#D8CCC7
#D5D0C6
#D1D4C6
#CED8C5
#CBDCC4
#C7E1C3
#E1C2C8
#DDC7C7
#D9CCC6
#D5D1C5
#D1D6C4
#CDDBC3
#C8E1C2
Colorpallet from #C2E1C8 to #E1C8C2 and to #C8C2E1
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C7DDC7
#C6DDC8
#C6DDC9
#C5DDC9
#C4DCCA
#C4DCCB
#C3DCCC
#CCD9C6
#CBD9C8
#C9D8C9
#C8D8CB
#C7D8CC
#C6D7CE
#C4D7D0
#D1D5C5
#CFD5C7
#CDD4CA
#CBD4CC
#C9D3CF
#C7D3D1
#C5D2D4
#D6D1C4
#D3D0C7
#D1D0CA
#CECFCE
#CCCED1
#C9CED4
#C6CDD8
#DBCDC3
#D8CCC7
#D5CBCB
#D1CBCF
#CECAD3
#CBC9D7
#C7C8DC
#E1C8C2
#DDC7C7
#D9C6CC
#D5C5D1
#D1C4D6
#CDC3DB
#C8C2E1
Colorpallet from #C2E1C8 to #E1C8C2 and to #C8E1C2
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C7DDC7
#C6DEC7
#C6DEC7
#C5DFC7
#C4E0C7
#C4E0C7
#C3E1C7
#CCD9C6
#CBDAC6
#C9DCC6
#C8DDC6
#C7DEC6
#C6DFC6
#C4E1C6
#D1D5C5
#CFD7C5
#CDD9C5
#CBDBC5
#C9DDC5
#C7DFC5
#C5E1C5
#D6D1C4
#D3D4C4
#D1D6C4
#CED9C4
#CCDBC4
#C9DEC4
#C6E1C4
#DBCDC3
#D8D0C3
#D5D3C3
#D1D7C3
#CEDAC3
#CBDDC3
#C7E1C3
#E1C8C2
#DDCCC2
#D9D0C2
#D5D4C2
#D1D8C2
#CDDCC2
#C8E1C2
Colorpallet from #C2E1C8 to #C8C2E1 and to #C8E1C2
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C2E1C8
#C3DCCC
#C3DDCB
#C3DECA
#C3DECA
#C3DFC9
#C3E0C8
#C3E1C7
#C4D7D0
#C4D9CE
#C4DACD
#C4DCCB
#C4DDCA
#C4DFC8
#C4E1C6
#C5D2D4
#C5D4D2
#C5D7CF
#C5D9CD
#C5DCCA
#C5DEC8
#C5E1C5
#C6CDD8
#C6D0D5
#C6D3D2
#C6D7CE
#C6DACB
#C6DDC8
#C6E1C4
#C7C8DC
#C7CCD8
#C7D0D4
#C7D4D0
#C7D8CC
#C7DCC8
#C7E1C3
#C8C2E1
#C8C7DC
#C8CCD7
#C8D1D2
#C8D6CD
#C8DBC8
#C8E1C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
