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 #D2C8ED to #D2EDC8 and to #C8D2ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2CEE7
#D2CDE8
#D1CDE9
#D1CCEA
#D1CBEB
#D0CBEC
#D0CAED
#D2D4E1
#D2D3E3
#D1D1E5
#D1D0E7
#D0CEE9
#D0CDEB
#CFCBED
#D2DADB
#D1D8DE
#D0D6E1
#D0D4E4
#CFD2E7
#CED0E9
#CDCDED
#D2E0D5
#D1DDD9
#D0DADD
#CFD7E1
#CED4E4
#CDD2E8
#CCCEED
#D2E6CF
#D1E2D4
#CFDFD9
#CEDBDD
#CDD8E2
#CCD4E7
#CAD0ED
#D2EDC8
#D0E9CE
#CFE4D4
#CDE0DA
#CCDCE0
#CAD7E6
#C8D2ED
Colorpallet from #D2C8ED to #D2EDC8 and to #C8EDD2
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2CEE7
#D2CEE7
#D1CEE8
#D1CEE8
#D1CEE8
#D0CEE9
#D0CEE9
#D2D4E1
#D2D4E1
#D1D4E2
#D1D4E2
#D0D4E3
#D0D4E3
#CFD4E4
#D2DADB
#D1DADC
#D0DADD
#D0DADD
#CFDADE
#CEDADF
#CDDAE0
#D2E0D5
#D1E0D6
#D0E0D7
#CFE0D8
#CEE0D9
#CDE0DB
#CCE0DC
#D2E6CF
#D1E6D0
#CFE6D2
#CEE6D3
#CDE6D4
#CCE6D5
#CAE6D7
#D2EDC8
#D0EDCA
#CFEDCB
#CDEDCD
#CCEDCE
#CAEDD0
#C8EDD2
Colorpallet from #D2C8ED to #D2EDC8 and to #EDD2C8
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2CEE7
#D3CDE7
#D3CDE7
#D4CCE7
#D5CBE7
#D5CBE7
#D6CAE7
#D2D4E1
#D3D3E1
#D5D1E1
#D6D0E1
#D8CEE1
#D9CDE1
#DBCBE1
#D2DADB
#D4D8DB
#D6D6DB
#D8D4DB
#DAD2DB
#DCD0DB
#DFCDDB
#D2E0D5
#D5DDD5
#D7DAD5
#DAD7D5
#DDD4D5
#E0D2D5
#E3CED5
#D2E6CF
#D6E2CF
#D9DFCF
#DDDBCF
#E0D8CF
#E4D4CF
#E8D0CF
#D2EDC8
#D6E9C8
#DBE4C8
#DFE0C8
#E3DCC8
#E8D7C8
#EDD2C8
Colorpallet from #D2C8ED to #D2EDC8 and to #EDC8D2
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2CEE7
#D3CDE7
#D3CCE8
#D4CBE8
#D5CAE8
#D5C9E9
#D6C8E9
#D2D4E1
#D3D2E1
#D5D0E2
#D6CEE2
#D8CCE3
#D9CAE3
#DBC8E4
#D2DADB
#D4D7DC
#D6D4DD
#D8D1DD
#DACEDE
#DCCCDF
#DFC8E0
#D2E0D5
#D5DCD6
#D7D8D7
#DAD4D8
#DDD1D9
#E0CDDB
#E3C8DC
#D2E6CF
#D6E1D0
#D9DCD2
#DDD8D3
#E0D3D4
#E4CED5
#E8C8D7
#D2EDC8
#D6E7CA
#DBE1CB
#DFDBCD
#E3D5CE
#E8CFD0
#EDC8D2
Colorpallet from #D2C8ED to #C8D2ED and to #C8EDD2
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D0CAED
#D0CBEC
#D0CBEC
#D0CCEB
#D0CDEA
#D0CDEA
#D0CEE9
#CFCBED
#CFCCEC
#CFCEEA
#CFCFE9
#CFD1E7
#CFD2E6
#CFD4E4
#CDCDED
#CDCFEB
#CDD1E9
#CDD3E7
#CDD5E5
#CDD7E3
#CDDAE0
#CCCEED
#CCD1EA
#CCD4E8
#CCD7E5
#CCDAE2
#CCDCDF
#CCE0DC
#CAD0ED
#CAD4E9
#CAD7E6
#CADBE2
#CADEDF
#CAE2DB
#CAE6D7
#C8D2ED
#C8D6E9
#C8DBE4
#C8DFE0
#C8E3DC
#C8E8D7
#C8EDD2
Colorpallet from #D2C8ED to #C8D2ED and to #EDD2C8
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D0CAED
#D1CAEC
#D2CAEB
#D3CAEA
#D4CAE9
#D5CAE8
#D6CAE7
#CFCBED
#D1CBEB
#D3CBE9
#D5CBE7
#D7CBE5
#D9CBE3
#DBCBE1
#CDCDED
#D0CDEA
#D3CDE7
#D6CDE4
#D9CDE1
#DBCDDF
#DFCDDB
#CCCEED
#D0CEE9
#D3CEE5
#D7CEE1
#DBCEDE
#DECEDA
#E3CED5
#CAD0ED
#CFD0E8
#D4D0E3
#D8D0DF
#DDD0DA
#E2D0D5
#E8D0CF
#C8D2ED
#CED2E7
#D4D2E1
#DAD2DB
#E0D2D5
#E6D2CF
#EDD2C8
Colorpallet from #D2C8ED to #C8D2ED and to #EDC8D2
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D0CAED
#D1CAEC
#D2C9EC
#D3C9EB
#D4C9EA
#D5C8EA
#D6C8E9
#CFCBED
#D1CBEC
#D3CAEA
#D5CAE9
#D7C9E7
#D9C9E6
#DBC8E4
#CDCDED
#D0CCEB
#D3CBE9
#D6CBE7
#D9CAE5
#DBC9E3
#DFC8E0
#CCCEED
#D0CDEA
#D3CCE8
#D7CBE5
#DBCAE2
#DEC9DF
#E3C8DC
#CAD0ED
#CFCFE9
#D4CDE6
#D8CCE2
#DDCBDF
#E2CADB
#E8C8D7
#C8D2ED
#CED0E9
#D4CFE4
#DACDE0
#E0CCDC
#E6CAD7
#EDC8D2
Colorpallet from #D2C8ED to #C8EDD2 and to #EDD2C8
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D0CEE9
#D1CDE9
#D2CDE8
#D3CCE8
#D4CBE8
#D5CBE7
#D6CAE7
#CFD4E4
#D1D3E4
#D3D1E3
#D5D0E3
#D7CEE2
#D9CDE2
#DBCBE1
#CDDAE0
#D0D8DF
#D3D6DE
#D6D4DE
#D9D2DD
#DBD0DC
#DFCDDB
#CCE0DC
#D0DDDB
#D3DADA
#D7D7D9
#DBD4D8
#DED2D6
#E3CED5
#CAE6D7
#CFE2D6
#D4DFD4
#D8DBD3
#DDD8D2
#E2D4D1
#E8D0CF
#C8EDD2
#CEE9D0
#D4E4CF
#DAE0CD
#E0DCCC
#E6D7CA
#EDD2C8
Colorpallet from #D2C8ED to #C8EDD2 and to #EDC8D2
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D0CEE9
#D1CDE9
#D2CCE9
#D3CBE9
#D4CAE9
#D5C9E9
#D6C8E9
#CFD4E4
#D1D2E4
#D3D0E4
#D5CEE4
#D7CCE4
#D9CAE4
#DBC8E4
#CDDAE0
#D0D7E0
#D3D4E0
#D6D1E0
#D9CEE0
#DBCCE0
#DFC8E0
#CCE0DC
#D0DCDC
#D3D8DC
#D7D4DC
#DBD1DC
#DECDDC
#E3C8DC
#CAE6D7
#CFE1D7
#D4DCD7
#D8D8D7
#DDD3D7
#E2CED7
#E8C8D7
#C8EDD2
#CEE7D2
#D4E1D2
#DADBD2
#E0D5D2
#E6CFD2
#EDC8D2
Colorpallet from #D2C8ED to #EDD2C8 and to #EDC8D2
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D2C8ED
#D6CAE7
#D6CAE7
#D6C9E8
#D6C9E8
#D6C9E8
#D6C8E9
#D6C8E9
#DBCBE1
#DBCBE1
#DBCAE2
#DBCAE2
#DBC9E3
#DBC9E3
#DBC8E4
#DFCDDB
#DFCCDC
#DFCBDD
#DFCBDD
#DFCADE
#DFC9DF
#DFC8E0
#E3CED5
#E3CDD6
#E3CCD7
#E3CBD8
#E3CAD9
#E3C9DB
#E3C8DC
#E8D0CF
#E8CFD0
#E8CDD2
#E8CCD3
#E8CBD4
#E8CAD5
#E8C8D7
#EDD2C8
#EDD0CA
#EDCFCB
#EDCDCD
#EDCCCE
#EDCAD0
#EDC8D2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts