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 #D2E0C6 to #D2C6E0 and to #E0D2C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2DCCA
#D2DCC9
#D3DDC9
#D3DDC8
#D3DDC7
#D4DEC7
#D4DEC6
#D2D8CE
#D3D9CD
#D3D9CB
#D4DACA
#D5DBC9
#D5DBC8
#D6DCC6
#D2D4D2
#D3D5D0
#D4D6CE
#D5D6CC
#D6D7CA
#D8D8C8
#D9D9C6
#D2CFD7
#D3D0D4
#D5D2D2
#D6D3CF
#D8D4CC
#D9D5C9
#DBD7C6
#D2CBDB
#D4CDD8
#D6CED4
#D7D0D1
#D9D1CE
#DBD3CA
#DDD5C6
#D2C6E0
#D4C8DC
#D6CAD8
#D9CCD4
#DBCECF
#DDD0CB
#E0D2C6
Colorpallet from #D2E0C6 to #D2C6E0 and to #E0C6D2
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2DCCA
#D2DCCA
#D3DCC9
#D3DCC9
#D3DCC9
#D4DCC8
#D4DCC8
#D2D8CE
#D3D8CD
#D3D8CD
#D4D8CC
#D5D8CB
#D5D8CB
#D6D8CA
#D2D4D2
#D3D4D1
#D4D4D0
#D5D4CF
#D6D4CE
#D8D4CD
#D9D4CC
#D2CFD7
#D3CFD6
#D5CFD4
#D6CFD3
#D8CFD1
#D9CFD0
#DBCFCE
#D2CBDB
#D4CBD9
#D6CBD7
#D7CBD6
#D9CBD4
#DBCBD2
#DDCBD0
#D2C6E0
#D4C6DE
#D6C6DC
#D9C6D9
#DBC6D7
#DDC6D5
#E0C6D2
Colorpallet from #D2E0C6 to #D2C6E0 and to #C6D2E0
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2DCCA
#D2DCCA
#D1DDCA
#D1DDCA
#D1DDCA
#D0DECA
#D0DECA
#D2D8CE
#D1D9CE
#D1D9CE
#D0DACE
#CFDBCE
#CFDBCE
#CEDCCE
#D2D4D2
#D1D5D2
#D0D6D2
#CFD6D2
#CED7D2
#CDD8D2
#CCD9D2
#D2CFD7
#D1D0D7
#CFD2D7
#CED3D7
#CDD4D7
#CCD5D7
#CAD7D7
#D2CBDB
#D0CDDB
#CFCEDB
#CDD0DB
#CCD1DB
#CAD3DB
#C8D5DB
#D2C6E0
#D0C8E0
#CECAE0
#CCCCE0
#CACEE0
#C8D0E0
#C6D2E0
Colorpallet from #D2E0C6 to #D2C6E0 and to #C6E0D2
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2DCCA
#D2DDCA
#D1DDC9
#D1DEC9
#D1DFC9
#D0DFC8
#D0E0C8
#D2D8CE
#D1D9CD
#D1DBCD
#D0DCCC
#CFDDCB
#CFDECB
#CEE0CA
#D2D4D2
#D1D6D1
#D0D8D0
#CFDACF
#CEDCCE
#CDDECD
#CCE0CC
#D2CFD7
#D1D2D6
#CFD4D4
#CED7D3
#CDDAD1
#CCDDD0
#CAE0CE
#D2CBDB
#D0CED9
#CFD2D7
#CDD5D6
#CCD8D4
#CADCD2
#C8E0D0
#D2C6E0
#D0CADE
#CECEDC
#CCD2D9
#CAD7D7
#C8DBD5
#C6E0D2
Colorpallet from #D2E0C6 to #E0D2C6 and to #E0C6D2
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D4DEC6
#D4DEC6
#D4DDC7
#D4DDC7
#D4DDC7
#D4DCC8
#D4DCC8
#D6DCC6
#D6DBC7
#D6DBC7
#D6DAC8
#D6D9C9
#D6D9C9
#D6D8CA
#D9D9C6
#D9D8C7
#D9D7C8
#D9D7C9
#D9D6CA
#D9D5CB
#D9D4CC
#DBD7C6
#DBD6C7
#DBD4C9
#DBD3CA
#DBD2CB
#DBD1CC
#DBCFCE
#DDD5C6
#DDD3C8
#DDD2C9
#DDD0CB
#DDCFCC
#DDCDCE
#DDCBD0
#E0D2C6
#E0D0C8
#E0CECA
#E0CCCC
#E0CACE
#E0C8D0
#E0C6D2
Colorpallet from #D2E0C6 to #E0D2C6 and to #C6D2E0
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D4DEC6
#D3DEC7
#D3DEC7
#D2DEC8
#D1DEC9
#D1DEC9
#D0DECA
#D6DCC6
#D5DCC7
#D3DCC9
#D2DCCA
#D1DCCB
#D0DCCC
#CEDCCE
#D9D9C6
#D7D9C8
#D5D9CA
#D3D9CC
#D1D9CE
#CFD9D0
#CCD9D2
#DBD7C6
#D8D7C9
#D6D7CB
#D3D7CE
#D0D7D1
#CDD7D4
#CAD7D7
#DDD5C6
#DAD5C9
#D6D5CD
#D3D5D0
#D0D5D3
#CCD5D7
#C8D5DB
#E0D2C6
#DCD2CA
#D8D2CE
#D4D2D2
#CFD2D7
#CBD2DB
#C6D2E0
Colorpallet from #D2E0C6 to #E0D2C6 and to #C6E0D2
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D4DEC6
#D3DEC6
#D3DFC7
#D2DFC7
#D1DFC7
#D1E0C8
#D0E0C8
#D6DCC6
#D5DDC7
#D3DDC7
#D2DEC8
#D1DFC9
#D0DFC9
#CEE0CA
#D9D9C6
#D7DAC7
#D5DBC8
#D3DCC9
#D1DDCA
#CFDFCB
#CCE0CC
#DBD7C6
#D8D8C7
#D6DAC9
#D3DBCA
#D0DDCB
#CDDECC
#CAE0CE
#DDD5C6
#DAD7C8
#D6D9C9
#D3DACB
#D0DCCC
#CCDECE
#C8E0D0
#E0D2C6
#DCD4C8
#D8D6CA
#D4D9CC
#CFDBCE
#CBDDD0
#C6E0D2
Colorpallet from #D2E0C6 to #E0C6D2 and to #C6D2E0
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D4DCC8
#D3DCC8
#D3DDC9
#D2DDC9
#D1DDC9
#D1DECA
#D0DECA
#D6D8CA
#D5D9CB
#D3D9CB
#D2DACC
#D1DBCD
#D0DBCD
#CEDCCE
#D9D4CC
#D7D5CD
#D5D6CE
#D3D6CF
#D1D7D0
#CFD8D1
#CCD9D2
#DBCFCE
#D8D0CF
#D6D2D1
#D3D3D2
#D0D4D4
#CDD5D5
#CAD7D7
#DDCBD0
#DACDD2
#D6CED4
#D3D0D5
#D0D1D7
#CCD3D9
#C8D5DB
#E0C6D2
#DCC8D4
#D8CAD6
#D4CCD9
#CFCEDB
#CBD0DD
#C6D2E0
Colorpallet from #D2E0C6 to #E0C6D2 and to #C6E0D2
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D4DCC8
#D3DDC8
#D3DDC8
#D2DEC8
#D1DFC8
#D1DFC8
#D0E0C8
#D6D8CA
#D5D9CA
#D3DBCA
#D2DCCA
#D1DDCA
#D0DECA
#CEE0CA
#D9D4CC
#D7D6CC
#D5D8CC
#D3DACC
#D1DCCC
#CFDECC
#CCE0CC
#DBCFCE
#D8D2CE
#D6D4CE
#D3D7CE
#D0DACE
#CDDDCE
#CAE0CE
#DDCBD0
#DACED0
#D6D2D0
#D3D5D0
#D0D8D0
#CCDCD0
#C8E0D0
#E0C6D2
#DCCAD2
#D8CED2
#D4D2D2
#CFD7D2
#CBDBD2
#C6E0D2
Colorpallet from #D2E0C6 to #C6D2E0 and to #C6E0D2
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D2E0C6
#D0DECA
#D0DECA
#D0DFC9
#D0DFC9
#D0DFC9
#D0E0C8
#D0E0C8
#CEDCCE
#CEDDCD
#CEDDCD
#CEDECC
#CEDFCB
#CEDFCB
#CEE0CA
#CCD9D2
#CCDAD1
#CCDBD0
#CCDCCF
#CCDDCE
#CCDFCD
#CCE0CC
#CAD7D7
#CAD8D6
#CADAD4
#CADBD3
#CADDD1
#CADED0
#CAE0CE
#C8D5DB
#C8D7D9
#C8D9D7
#C8DAD6
#C8DCD4
#C8DED2
#C8E0D0
#C6D2E0
#C6D4DE
#C6D6DC
#C6D9D9
#C6DBD7
#C6DDD5
#C6E0D2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts