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 #C2C7E0 to #C2E0C7 and to #C7C2E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2CBDC
#C2CADD
#C2C9DD
#C2C9DE
#C3C8DF
#C3C7DF
#C3C6E0
#C2CFD8
#C2CDD9
#C3CCDB
#C3CADC
#C3C9DD
#C4C7DE
#C4C5E0
#C2D3D4
#C2D1D6
#C3CFD8
#C3CCDA
#C3CADC
#C4C8DE
#C4C5E0
#C2D7D0
#C2D4D3
#C3D1D5
#C3CED8
#C4CBDA
#C4C8DD
#C5C4E0
#C2DBCC
#C3D7CF
#C3D3D2
#C4CFD6
#C5CCD9
#C5C8DC
#C6C3E0
#C2E0C7
#C3DBCB
#C4D6CF
#C4D2D3
#C5CDD7
#C6C8DB
#C7C2E0
Colorpallet from #C2C7E0 to #C2E0C7 and to #C7E0C2
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2CBDC
#C2CBDC
#C2CBDC
#C2CBDC
#C3CBDB
#C3CBDB
#C3CBDB
#C2CFD8
#C2CFD8
#C3CFD7
#C3CFD7
#C3CFD7
#C4CFD6
#C4CFD6
#C2D3D4
#C2D3D4
#C3D3D3
#C3D3D3
#C3D3D3
#C4D3D2
#C4D3D2
#C2D7D0
#C2D7D0
#C3D7CF
#C3D7CF
#C4D7CE
#C4D7CE
#C5D7CD
#C2DBCC
#C3DBCB
#C3DBCB
#C4DBCA
#C5DBC9
#C5DBC9
#C6DBC8
#C2E0C7
#C3E0C6
#C4E0C5
#C4E0C5
#C5E0C4
#C6E0C3
#C7E0C2
Colorpallet from #C2C7E0 to #C2E0C7 and to #E0C2C7
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2CBDC
#C3CADC
#C4C9DC
#C4C9DC
#C5C8DC
#C6C7DC
#C7C6DC
#C2CFD8
#C4CDD8
#C5CCD8
#C7CAD8
#C8C9D8
#CAC7D8
#CCC5D8
#C2D3D4
#C4D1D4
#C6CFD4
#C9CCD4
#CBCAD4
#CDC8D4
#D0C5D4
#C2D7D0
#C5D4D0
#C8D1D0
#CBCED0
#CECBD0
#D1C8D0
#D5C4D0
#C2DBCC
#C6D7CC
#CAD3CC
#CECFCC
#D1CCCC
#D5C8CC
#DAC3CC
#C2E0C7
#C7DBC7
#CCD6C7
#D0D2C7
#D5CDC7
#DAC8C7
#E0C2C7
Colorpallet from #C2C7E0 to #C2E0C7 and to #E0C7C2
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2CBDC
#C3CADC
#C4CADC
#C4C9DC
#C5C8DB
#C6C8DB
#C7C7DB
#C2CFD8
#C4CED8
#C5CCD7
#C7CBD7
#C8CAD7
#CAC9D6
#CCC7D6
#C2D3D4
#C4D1D4
#C6CFD3
#C9CDD3
#CBCBD3
#CDC9D2
#D0C7D2
#C2D7D0
#C5D4D0
#C8D2CF
#CBCFCF
#CECDCE
#D1CACE
#D5C7CD
#C2DBCC
#C6D8CB
#CAD5CB
#CED1CA
#D1CEC9
#D5CBC9
#DAC7C8
#C2E0C7
#C7DCC6
#CCD8C5
#D0D4C5
#D5D0C4
#DACCC3
#E0C7C2
Colorpallet from #C2C7E0 to #C7C2E0 and to #C7E0C2
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C3C6E0
#C3C7DF
#C3C8DE
#C3C8DE
#C3C9DD
#C3CADC
#C3CBDB
#C4C5E0
#C4C7DE
#C4C8DD
#C4CADB
#C4CBDA
#C4CDD8
#C4CFD6
#C4C5E0
#C4C7DE
#C4C9DC
#C4CCD9
#C4CED7
#C4D0D5
#C4D3D2
#C5C4E0
#C5C7DD
#C5CADA
#C5CDD7
#C5D0D4
#C5D3D1
#C5D7CD
#C6C3E0
#C6C7DC
#C6CBD8
#C6CFD4
#C6D2D1
#C6D6CD
#C6DBC8
#C7C2E0
#C7C7DB
#C7CCD6
#C7D0D2
#C7D5CD
#C7DAC8
#C7E0C2
Colorpallet from #C2C7E0 to #C7C2E0 and to #E0C2C7
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C3C6E0
#C4C6DF
#C4C6DF
#C5C6DE
#C6C6DD
#C6C6DD
#C7C6DC
#C4C5E0
#C5C5DF
#C7C5DD
#C8C5DC
#C9C5DB
#CAC5DA
#CCC5D8
#C4C5E0
#C6C5DE
#C8C5DC
#CAC5DA
#CCC5D8
#CEC5D6
#D0C5D4
#C5C4E0
#C8C4DD
#CAC4DB
#CDC4D8
#CFC4D6
#D2C4D3
#D5C4D0
#C6C3E0
#C9C3DD
#CCC3DA
#D0C3D6
#D3C3D3
#D6C3D0
#DAC3CC
#C7C2E0
#CBC2DC
#CFC2D8
#D3C2D4
#D7C2D0
#DBC2CC
#E0C2C7
Colorpallet from #C2C7E0 to #C7C2E0 and to #E0C7C2
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C3C6E0
#C4C6DF
#C4C6DE
#C5C6DE
#C6C7DD
#C6C7DC
#C7C7DB
#C4C5E0
#C5C5DE
#C7C6DD
#C8C6DB
#C9C6DA
#CAC7D8
#CCC7D6
#C4C5E0
#C6C5DE
#C8C6DC
#CAC6D9
#CCC6D7
#CEC7D5
#D0C7D2
#C5C4E0
#C8C4DD
#CAC5DA
#CDC5D7
#CFC6D4
#D2C6D1
#D5C7CD
#C6C3E0
#C9C4DC
#CCC4D8
#D0C5D4
#D3C6D1
#D6C6CD
#DAC7C8
#C7C2E0
#CBC3DB
#CFC4D6
#D3C4D2
#D7C5CD
#DBC6C8
#E0C7C2
Colorpallet from #C2C7E0 to #C7E0C2 and to #E0C2C7
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C3CBDB
#C4CADB
#C4C9DB
#C5C9DB
#C6C8DC
#C6C7DC
#C7C6DC
#C4CFD6
#C5CDD6
#C7CCD7
#C8CAD7
#C9C9D7
#CAC7D8
#CCC5D8
#C4D3D2
#C6D1D2
#C8CFD3
#CACCD3
#CCCAD3
#CEC8D4
#D0C5D4
#C5D7CD
#C8D4CD
#CAD1CE
#CDCECE
#CFCBCF
#D2C8CF
#D5C4D0
#C6DBC8
#C9D7C9
#CCD3C9
#D0CFCA
#D3CCCB
#D6C8CB
#DAC3CC
#C7E0C2
#CBDBC3
#CFD6C4
#D3D2C4
#D7CDC5
#DBC8C6
#E0C2C7
Colorpallet from #C2C7E0 to #C7E0C2 and to #E0C7C2
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C3CBDB
#C4CADB
#C4CADB
#C5C9DB
#C6C8DB
#C6C8DB
#C7C7DB
#C4CFD6
#C5CED6
#C7CCD6
#C8CBD6
#C9CAD6
#CAC9D6
#CCC7D6
#C4D3D2
#C6D1D2
#C8CFD2
#CACDD2
#CCCBD2
#CEC9D2
#D0C7D2
#C5D7CD
#C8D4CD
#CAD2CD
#CDCFCD
#CFCDCD
#D2CACD
#D5C7CD
#C6DBC8
#C9D8C8
#CCD5C8
#D0D1C8
#D3CEC8
#D6CBC8
#DAC7C8
#C7E0C2
#CBDCC2
#CFD8C2
#D3D4C2
#D7D0C2
#DBCCC2
#E0C7C2
Colorpallet from #C2C7E0 to #E0C2C7 and to #E0C7C2
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C2C7E0
#C7C6DC
#C7C6DC
#C7C6DC
#C7C6DC
#C7C7DB
#C7C7DB
#C7C7DB
#CCC5D8
#CCC5D8
#CCC6D7
#CCC6D7
#CCC6D7
#CCC7D6
#CCC7D6
#D0C5D4
#D0C5D4
#D0C6D3
#D0C6D3
#D0C6D3
#D0C7D2
#D0C7D2
#D5C4D0
#D5C4D0
#D5C5CF
#D5C5CF
#D5C6CE
#D5C6CE
#D5C7CD
#DAC3CC
#DAC4CB
#DAC4CB
#DAC5CA
#DAC6C9
#DAC6C9
#DAC7C8
#E0C2C7
#E0C3C6
#E0C4C5
#E0C4C5
#E0C5C4
#E0C6C3
#E0C7C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts