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 #C3D2E7 to #C3E7D2 and to #D2C3E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D5E4
#C3D4E4
#C4D3E5
#C4D3E5
#C4D2E6
#C5D1E6
#C5D0E7
#C3D9E0
#C4D7E1
#C5D5E2
#C5D3E3
#C6D1E4
#C7CFE6
#C8CDE7
#C3DCDD
#C4D9DF
#C5D7E0
#C6D4E2
#C7D1E3
#C9CEE5
#CACBE7
#C3DFDA
#C5DBDC
#C6D8DE
#C8D4E0
#C9D0E2
#CBCDE4
#CDC8E7
#C3E3D6
#C5DED9
#C7DADB
#C9D5DE
#CBD0E1
#CDCCE4
#CFC6E7
#C3E7D2
#C5E1D5
#C8DBD9
#CAD6DC
#CDD0DF
#CFCAE3
#D2C3E7
Colorpallet from #C3D2E7 to #C3E7D2 and to #D2E7C3
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D5E4
#C3D5E4
#C4D5E3
#C4D5E3
#C4D5E2
#C5D5E2
#C5D5E1
#C3D9E0
#C4D9DF
#C5D9DE
#C5D9DE
#C6D9DD
#C7D9DC
#C8D9DB
#C3DCDD
#C4DCDC
#C5DCDB
#C6DCDA
#C7DCD9
#C9DCD7
#CADCD6
#C3DFDA
#C5DFD8
#C6DFD7
#C8DFD5
#C9DFD4
#CBDFD2
#CDDFD0
#C3E3D6
#C5E3D4
#C7E3D2
#C9E3D0
#CBE3CE
#CDE3CC
#CFE3CA
#C3E7D2
#C5E7D0
#C8E7CD
#CAE7CB
#CDE7C8
#CFE7C6
#D2E7C3
Colorpallet from #C3D2E7 to #C3E7D2 and to #E7C3D2
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D5E4
#C4D4E4
#C5D3E4
#C6D3E4
#C7D2E4
#C8D1E4
#C9D0E4
#C3D9E0
#C5D7E0
#C7D5E0
#C9D3E0
#CBD1E0
#CDCFE0
#CFCDE0
#C3DCDD
#C6D9DD
#C8D7DD
#CBD4DD
#CED1DD
#D1CEDD
#D4CBDD
#C3DFDA
#C7DBDA
#CAD8DA
#CED4DA
#D2D0DA
#D5CDDA
#DAC8DA
#C3E3D6
#C8DED6
#CCDAD6
#D1D5D6
#D6D0D6
#DACCD6
#E0C6D6
#C3E7D2
#C9E1D2
#CFDBD2
#D4D6D2
#DAD0D2
#E0CAD2
#E7C3D2
Colorpallet from #C3D2E7 to #C3E7D2 and to #E7D2C3
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D5E4
#C4D5E4
#C5D4E3
#C6D4E3
#C7D3E2
#C8D3E2
#C9D2E1
#C3D9E0
#C5D8DF
#C7D7DE
#C9D6DE
#CBD5DD
#CDD3DC
#CFD2DB
#C3DCDD
#C6DADC
#C8D9DB
#CBD7DA
#CED6D9
#D1D4D7
#D4D2D6
#C3DFDA
#C7DDD8
#CADBD7
#CED9D5
#D2D7D4
#D5D5D2
#DAD2D0
#C3E3D6
#C8E0D4
#CCDED2
#D1DBD0
#D6D8CE
#DAD5CC
#E0D2CA
#C3E7D2
#C9E4D0
#CFE0CD
#D4DDCB
#DADAC8
#E0D6C6
#E7D2C3
Colorpallet from #C3D2E7 to #D2C3E7 and to #D2E7C3
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C5D0E7
#C5D1E6
#C5D2E5
#C5D2E4
#C5D3E3
#C5D4E2
#C5D5E1
#C8CDE7
#C8CFE5
#C8D1E3
#C8D3E1
#C8D5DF
#C8D7DD
#C8D9DB
#CACBE7
#CACEE4
#CAD0E2
#CAD3DF
#CAD6DC
#CAD9D9
#CADCD6
#CDC8E7
#CDCCE3
#CDCFE0
#CDD3DC
#CDD7D8
#CDDAD5
#CDDFD0
#CFC6E7
#CFCBE2
#CFCFDE
#CFD4D9
#CFD9D4
#CFDDD0
#CFE3CA
#D2C3E7
#D2C9E1
#D2CFDB
#D2D4D6
#D2DAD0
#D2E0CA
#D2E7C3
Colorpallet from #C3D2E7 to #D2C3E7 and to #E7C3D2
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C5D0E7
#C6D0E7
#C6D0E6
#C7D0E6
#C8D0E5
#C8D0E5
#C9D0E4
#C8CDE7
#C9CDE6
#CACDE5
#CBCDE4
#CCCDE3
#CECDE1
#CFCDE0
#CACBE7
#CCCBE5
#CDCBE4
#CFCBE2
#D0CBE1
#D2CBDF
#D4CBDD
#CDC8E7
#CFC8E5
#D1C8E3
#D3C8E1
#D5C8DF
#D7C8DD
#DAC8DA
#CFC6E7
#D2C6E4
#D4C6E2
#D7C6DF
#DAC6DC
#DDC6D9
#E0C6D6
#D2C3E7
#D5C3E4
#D9C3E0
#DCC3DD
#DFC3DA
#E3C3D6
#E7C3D2
Colorpallet from #C3D2E7 to #D2C3E7 and to #E7D2C3
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C5D0E7
#C6D0E6
#C6D1E5
#C7D1E4
#C8D1E3
#C8D2E2
#C9D2E1
#C8CDE7
#C9CEE5
#CACFE3
#CBCFE1
#CCD0DF
#CED1DD
#CFD2DB
#CACBE7
#CCCCE4
#CDCDE2
#CFCEDF
#D0CFDC
#D2D1D9
#D4D2D6
#CDC8E7
#CFCAE3
#D1CBE0
#D3CDDC
#D5CED8
#D7D0D5
#DAD2D0
#CFC6E7
#D2C8E2
#D4CADE
#D7CCD9
#DACED4
#DDD0D0
#E0D2CA
#D2C3E7
#D5C5E1
#D9C8DB
#DCCAD6
#DFCDD0
#E3CFCA
#E7D2C3
Colorpallet from #C3D2E7 to #D2E7C3 and to #E7C3D2
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C5D5E1
#C6D4E1
#C6D3E2
#C7D3E2
#C8D2E3
#C8D1E3
#C9D0E4
#C8D9DB
#C9D7DC
#CAD5DD
#CBD3DD
#CCD1DE
#CECFDF
#CFCDE0
#CADCD6
#CCD9D7
#CDD7D8
#CFD4D9
#D0D1DA
#D2CEDC
#D4CBDD
#CDDFD0
#CFDBD2
#D1D8D3
#D3D4D5
#D5D0D6
#D7CDD8
#DAC8DA
#CFE3CA
#D2DECC
#D4DACE
#D7D5D0
#DAD0D2
#DDCCD4
#E0C6D6
#D2E7C3
#D5E1C5
#D9DBC8
#DCD6CA
#DFD0CD
#E3CACF
#E7C3D2
Colorpallet from #C3D2E7 to #D2E7C3 and to #E7D2C3
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C5D5E1
#C6D5E1
#C6D4E1
#C7D4E1
#C8D3E1
#C8D3E1
#C9D2E1
#C8D9DB
#C9D8DB
#CAD7DB
#CBD6DB
#CCD5DB
#CED3DB
#CFD2DB
#CADCD6
#CCDAD6
#CDD9D6
#CFD7D6
#D0D6D6
#D2D4D6
#D4D2D6
#CDDFD0
#CFDDD0
#D1DBD0
#D3D9D0
#D5D7D0
#D7D5D0
#DAD2D0
#CFE3CA
#D2E0CA
#D4DECA
#D7DBCA
#DAD8CA
#DDD5CA
#E0D2CA
#D2E7C3
#D5E4C3
#D9E0C3
#DCDDC3
#DFDAC3
#E3D6C3
#E7D2C3
Colorpallet from #C3D2E7 to #E7C3D2 and to #E7D2C3
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C3D2E7
#C9D0E4
#C9D0E4
#C9D1E3
#C9D1E3
#C9D1E2
#C9D2E2
#C9D2E1
#CFCDE0
#CFCEDF
#CFCFDE
#CFCFDE
#CFD0DD
#CFD1DC
#CFD2DB
#D4CBDD
#D4CCDC
#D4CDDB
#D4CEDA
#D4CFD9
#D4D1D7
#D4D2D6
#DAC8DA
#DACAD8
#DACBD7
#DACDD5
#DACED4
#DAD0D2
#DAD2D0
#E0C6D6
#E0C8D4
#E0CAD2
#E0CCD0
#E0CECE
#E0D0CC
#E0D2CA
#E7C3D2
#E7C5D0
#E7C8CD
#E7CACB
#E7CDC8
#E7CFC6
#E7D2C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts