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 #D1C6E5 to #D1E5C6 and to #C6D1E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1CBE0
#D1CBE1
#D0CAE2
#D0CAE2
#D0C9E3
#CFC9E4
#CFC8E5
#D1D0DB
#D0CFDD
#D0CEDE
#CFCDE0
#CECCE1
#CECBE3
#CDCAE5
#D1D5D6
#D0D3D8
#CFD2DB
#CFD0DD
#CECFE0
#CDCDE2
#CCCBE5
#D1DAD1
#D0D8D4
#CFD6D7
#CED4DB
#CDD2DE
#CBD0E1
#CACDE5
#D1DFCC
#D0DCD0
#CEDAD4
#CDD7D8
#CBD5DC
#CAD2E0
#C8CFE5
#D1E5C6
#CFE2CB
#CDDFD0
#CCDBD5
#CAD8DA
#C8D5DF
#C6D1E5
Colorpallet from #D1C6E5 to #D1E5C6 and to #C6E5D1
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1CBE0
#D1CBE0
#D0CBE1
#D0CBE1
#D0CBE1
#CFCBE2
#CFCBE2
#D1D0DB
#D0D0DC
#D0D0DC
#CFD0DD
#CED0DE
#CED0DE
#CDD0DF
#D1D5D6
#D0D5D7
#CFD5D8
#CFD5D8
#CED5D9
#CDD5DA
#CCD5DB
#D1DAD1
#D0DAD2
#CFDAD3
#CEDAD4
#CDDAD5
#CBDAD7
#CADAD8
#D1DFCC
#D0DFCD
#CEDFCF
#CDDFD0
#CBDFD2
#CADFD3
#C8DFD5
#D1E5C6
#CFE5C8
#CDE5CA
#CCE5CB
#CAE5CD
#C8E5CF
#C6E5D1
Colorpallet from #D1C6E5 to #D1E5C6 and to #E5D1C6
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1CBE0
#D1CBE0
#D2CAE0
#D2CAE0
#D3C9E0
#D3C9E0
#D4C8E0
#D1D0DB
#D2CFDB
#D3CEDB
#D4CDDB
#D5CCDB
#D6CBDB
#D7CADB
#D1D5D6
#D3D3D6
#D4D2D6
#D6D0D6
#D7CFD6
#D9CDD6
#DBCBD6
#D1DAD1
#D3D8D1
#D5D6D1
#D7D4D1
#D9D2D1
#DBD0D1
#DECDD1
#D1DFCC
#D4DCCC
#D6DACC
#D9D7CC
#DBD5CC
#DED2CC
#E1CFCC
#D1E5C6
#D4E2C6
#D7DFC6
#DBDBC6
#DED8C6
#E1D5C6
#E5D1C6
Colorpallet from #D1C6E5 to #D1E5C6 and to #E5C6D1
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1CBE0
#D1CAE0
#D2C9E1
#D2C9E1
#D3C8E1
#D3C7E2
#D4C6E2
#D1D0DB
#D2CEDC
#D3CDDC
#D4CBDD
#D5CADE
#D6C8DE
#D7C6DF
#D1D5D6
#D3D3D7
#D4D0D8
#D6CED8
#D7CBD9
#D9C9DA
#DBC6DB
#D1DAD1
#D3D7D2
#D5D4D3
#D7D0D4
#D9CDD5
#DBCAD7
#DEC6D8
#D1DFCC
#D4DBCD
#D6D7CF
#D9D3D0
#DBCFD2
#DECBD3
#E1C6D5
#D1E5C6
#D4E0C8
#D7DBCA
#DBD6CB
#DED1CD
#E1CCCF
#E5C6D1
Colorpallet from #D1C6E5 to #C6D1E5 and to #C6E5D1
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#CFC8E5
#CFC8E5
#CFC9E4
#CFC9E4
#CFCAE3
#CFCAE3
#CFCBE2
#CDCAE5
#CDCBE4
#CDCCE3
#CDCDE2
#CDCEE1
#CDCFE0
#CDD0DF
#CCCBE5
#CCCDE3
#CCCEE2
#CCD0E0
#CCD1DF
#CCD3DD
#CCD5DB
#CACDE5
#CACFE3
#CAD1E1
#CAD3DF
#CAD5DD
#CAD7DB
#CADAD8
#C8CFE5
#C8D2E2
#C8D4E0
#C8D7DD
#C8D9DB
#C8DCD8
#C8DFD5
#C6D1E5
#C6D4E2
#C6D7DF
#C6DBDB
#C6DED8
#C6E1D5
#C6E5D1
Colorpallet from #D1C6E5 to #C6D1E5 and to #E5D1C6
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#CFC8E5
#D0C8E4
#D1C8E3
#D1C8E3
#D2C8E2
#D3C8E1
#D4C8E0
#CDCAE5
#CFCAE3
#D0CAE2
#D2CAE0
#D3CADF
#D5CADD
#D7CADB
#CCCBE5
#CECBE3
#D1CBE0
#D3CBDE
#D6CBDB
#D8CBD9
#DBCBD6
#CACDE5
#CDCDE2
#D0CDDF
#D4CDDB
#D7CDD8
#DACDD5
#DECDD1
#C8CFE5
#CCCFE1
#D0CFDD
#D4CFD9
#D8CFD5
#DCCFD1
#E1CFCC
#C6D1E5
#CBD1E0
#D0D1DB
#D5D1D6
#DAD1D1
#DFD1CC
#E5D1C6
Colorpallet from #D1C6E5 to #C6D1E5 and to #E5C6D1
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#CFC8E5
#D0C8E5
#D1C7E4
#D1C7E4
#D2C7E3
#D3C6E3
#D4C6E2
#CDCAE5
#CFC9E4
#D0C9E3
#D2C8E2
#D3C7E1
#D5C7E0
#D7C6DF
#CCCBE5
#CECAE3
#D1C9E2
#D3C9E0
#D6C8DF
#D8C7DD
#DBC6DB
#CACDE5
#CDCCE3
#D0CBE1
#D4CADF
#D7C9DD
#DAC7DB
#DEC6D8
#C8CFE5
#CCCEE2
#D0CCE0
#D4CBDD
#D8C9DB
#DCC8D8
#E1C6D5
#C6D1E5
#CBCFE2
#D0CDDF
#D5CCDB
#DACAD8
#DFC8D5
#E5C6D1
Colorpallet from #D1C6E5 to #C6E5D1 and to #E5D1C6
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#CFCBE2
#D0CBE2
#D1CAE1
#D1CAE1
#D2C9E1
#D3C9E0
#D4C8E0
#CDD0DF
#CFCFDE
#D0CEDE
#D2CDDD
#D3CCDC
#D5CBDC
#D7CADB
#CCD5DB
#CED3DA
#D1D2D9
#D3D0D9
#D6CFD8
#D8CDD7
#DBCBD6
#CADAD8
#CDD8D7
#D0D6D6
#D4D4D5
#D7D2D4
#DAD0D2
#DECDD1
#C8DFD5
#CCDCD4
#D0DAD2
#D4D7D1
#D8D5CF
#DCD2CE
#E1CFCC
#C6E5D1
#CBE2CF
#D0DFCD
#D5DBCC
#DAD8CA
#DFD5C8
#E5D1C6
Colorpallet from #D1C6E5 to #C6E5D1 and to #E5C6D1
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#CFCBE2
#D0CAE2
#D1C9E2
#D1C9E2
#D2C8E2
#D3C7E2
#D4C6E2
#CDD0DF
#CFCEDF
#D0CDDF
#D2CBDF
#D3CADF
#D5C8DF
#D7C6DF
#CCD5DB
#CED3DB
#D1D0DB
#D3CEDB
#D6CBDB
#D8C9DB
#DBC6DB
#CADAD8
#CDD7D8
#D0D4D8
#D4D0D8
#D7CDD8
#DACAD8
#DEC6D8
#C8DFD5
#CCDBD5
#D0D7D5
#D4D3D5
#D8CFD5
#DCCBD5
#E1C6D5
#C6E5D1
#CBE0D1
#D0DBD1
#D5D6D1
#DAD1D1
#DFCCD1
#E5C6D1
Colorpallet from #D1C6E5 to #E5D1C6 and to #E5C6D1
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D1C6E5
#D4C8E0
#D4C8E0
#D4C7E1
#D4C7E1
#D4C7E1
#D4C6E2
#D4C6E2
#D7CADB
#D7C9DC
#D7C9DC
#D7C8DD
#D7C7DE
#D7C7DE
#D7C6DF
#DBCBD6
#DBCAD7
#DBC9D8
#DBC9D8
#DBC8D9
#DBC7DA
#DBC6DB
#DECDD1
#DECCD2
#DECBD3
#DECAD4
#DEC9D5
#DEC7D7
#DEC6D8
#E1CFCC
#E1CECD
#E1CCCF
#E1CBD0
#E1C9D2
#E1C8D3
#E1C6D5
#E5D1C6
#E5CFC8
#E5CDCA
#E5CCCB
#E5CACD
#E5C8CF
#E5C6D1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts