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 #C2CAE4 to #C2E4CA and to #CAC2E4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CEE0
#C2CDE1
#C2CCE1
#C2CCE2
#C3CBE3
#C3CAE3
#C3C9E4
#C2D2DC
#C2D0DD
#C3CEDF
#C3CDE0
#C4CBE1
#C4C9E2
#C5C7E4
#C2D6D8
#C3D3DA
#C3D1DC
#C4CEDE
#C5CCE0
#C5C9E2
#C6C6E4
#C2DBD3
#C3D7D6
#C4D4D8
#C4D0DB
#C5CDDE
#C6C9E1
#C7C5E4
#C2DFCF
#C3DBD2
#C4D6D6
#C5D2D9
#C6CEDC
#C7C9E0
#C8C4E4
#C2E4CA
#C3DFCE
#C5D9D2
#C6D4D6
#C7CEDB
#C8C9DF
#CAC2E4
Colorpallet from #C2CAE4 to #C2E4CA and to #CAE4C2
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CEE0
#C2CEE0
#C2CEE0
#C2CEE0
#C3CEDF
#C3CEDF
#C3CEDF
#C2D2DC
#C2D2DC
#C3D2DB
#C3D2DB
#C4D2DA
#C4D2DA
#C5D2D9
#C2D6D8
#C3D6D7
#C3D6D7
#C4D6D6
#C5D6D5
#C5D6D5
#C6D6D4
#C2DBD3
#C3DBD2
#C4DBD1
#C4DBD1
#C5DBD0
#C6DBCF
#C7DBCE
#C2DFCF
#C3DFCE
#C4DFCD
#C5DFCC
#C6DFCB
#C7DFCA
#C8DFC9
#C2E4CA
#C3E4C9
#C5E4C7
#C6E4C6
#C7E4C5
#C8E4C4
#CAE4C2
Colorpallet from #C2CAE4 to #C2E4CA and to #E4C2CA
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CEE0
#C3CDE0
#C4CCE0
#C4CCE0
#C5CBE0
#C6CAE0
#C7C9E0
#C2D2DC
#C4D0DC
#C6CEDC
#C7CDDC
#C9CBDC
#CBC9DC
#CDC7DC
#C2D6D8
#C5D3D8
#C7D1D8
#CACED8
#CCCCD8
#CFC9D8
#D2C6D8
#C2DBD3
#C6D7D3
#C9D4D3
#CDD0D3
#D0CDD3
#D4C9D3
#D8C5D3
#C2DFCF
#C6DBCF
#CBD6CF
#CFD2CF
#D3CECF
#D8C9CF
#DDC4CF
#C2E4CA
#C7DFCA
#CDD9CA
#D2D4CA
#D8CECA
#DDC9CA
#E4C2CA
Colorpallet from #C2CAE4 to #C2E4CA and to #E4CAC2
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CEE0
#C3CDE0
#C4CDE0
#C4CCE0
#C5CBDF
#C6CBDF
#C7CADF
#C2D2DC
#C4D1DC
#C6CFDB
#C7CEDB
#C9CDDA
#CBCCDA
#CDCAD9
#C2D6D8
#C5D4D7
#C7D2D7
#CAD0D6
#CCCED5
#CFCCD5
#D2CAD4
#C2DBD3
#C6D8D2
#C9D6D1
#CDD3D1
#D0D0D0
#D4CDCF
#D8CACE
#C2DFCF
#C6DCCE
#CBD8CD
#CFD5CC
#D3D2CB
#D8CECA
#DDCAC9
#C2E4CA
#C7E0C9
#CDDCC7
#D2D8C6
#D8D3C5
#DDCFC4
#E4CAC2
Colorpallet from #C2CAE4 to #CAC2E4 and to #CAE4C2
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C3C9E4
#C3CAE3
#C3CBE2
#C3CBE2
#C3CCE1
#C3CDE0
#C3CEDF
#C5C7E4
#C5C9E2
#C5CBE0
#C5CCDF
#C5CEDD
#C5D0DB
#C5D2D9
#C6C6E4
#C6C9E1
#C6CBDF
#C6CEDC
#C6D0DA
#C6D3D7
#C6D6D4
#C7C5E4
#C7C9E0
#C7CCDD
#C7D0D9
#C7D3D6
#C7D7D2
#C7DBCE
#C8C4E4
#C8C8E0
#C8CDDB
#C8D1D7
#C8D5D3
#C8DACE
#C8DFC9
#CAC2E4
#CAC7DF
#CACDD9
#CAD2D4
#CAD8CE
#CADDC9
#CAE4C2
Colorpallet from #C2CAE4 to #CAC2E4 and to #E4C2CA
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C3C9E4
#C4C9E3
#C4C9E3
#C5C9E2
#C6C9E1
#C6C9E1
#C7C9E0
#C5C7E4
#C6C7E3
#C8C7E1
#C9C7E0
#CAC7DF
#CBC7DE
#CDC7DC
#C6C6E4
#C8C6E2
#CAC6E0
#CCC6DE
#CEC6DC
#D0C6DA
#D2C6D8
#C7C5E4
#CAC5E1
#CCC5DF
#CFC5DC
#D2C5D9
#D5C5D6
#D8C5D3
#C8C4E4
#CBC4E1
#CFC4DD
#D2C4DA
#D5C4D7
#D9C4D3
#DDC4CF
#CAC2E4
#CEC2E0
#D2C2DC
#D6C2D8
#DBC2D3
#DFC2CF
#E4C2CA
Colorpallet from #C2CAE4 to #CAC2E4 and to #E4CAC2
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C3C9E4
#C4C9E3
#C4C9E2
#C5C9E2
#C6CAE1
#C6CAE0
#C7CADF
#C5C7E4
#C6C7E2
#C8C8E0
#C9C8DF
#CAC9DD
#CBC9DB
#CDCAD9
#C6C6E4
#C8C7E1
#CAC7DF
#CCC8DC
#CEC9DA
#D0C9D7
#D2CAD4
#C7C5E4
#CAC6E0
#CCC7DD
#CFC7D9
#D2C8D6
#D5C9D2
#D8CACE
#C8C4E4
#CBC5E0
#CFC6DB
#D2C7D7
#D5C8D3
#D9C9CE
#DDCAC9
#CAC2E4
#CEC3DF
#D2C5D9
#D6C6D4
#DBC7CE
#DFC8C9
#E4CAC2
Colorpallet from #C2CAE4 to #CAE4C2 and to #E4C2CA
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C3CEDF
#C4CDDF
#C4CCDF
#C5CCDF
#C6CBE0
#C6CAE0
#C7C9E0
#C5D2D9
#C6D0D9
#C8CEDA
#C9CDDA
#CACBDB
#CBC9DB
#CDC7DC
#C6D6D4
#C8D3D5
#CAD1D5
#CCCED6
#CECCD7
#D0C9D7
#D2C6D8
#C7DBCE
#CAD7CF
#CCD4D0
#CFD0D0
#D2CDD1
#D5C9D2
#D8C5D3
#C8DFC9
#CBDBCA
#CFD6CB
#D2D2CC
#D5CECD
#D9C9CE
#DDC4CF
#CAE4C2
#CEDFC3
#D2D9C5
#D6D4C6
#DBCEC7
#DFC9C8
#E4C2CA
Colorpallet from #C2CAE4 to #CAE4C2 and to #E4CAC2
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C3CEDF
#C4CDDF
#C4CDDF
#C5CCDF
#C6CBDF
#C6CBDF
#C7CADF
#C5D2D9
#C6D1D9
#C8CFD9
#C9CED9
#CACDD9
#CBCCD9
#CDCAD9
#C6D6D4
#C8D4D4
#CAD2D4
#CCD0D4
#CECED4
#D0CCD4
#D2CAD4
#C7DBCE
#CAD8CE
#CCD6CE
#CFD3CE
#D2D0CE
#D5CDCE
#D8CACE
#C8DFC9
#CBDCC9
#CFD8C9
#D2D5C9
#D5D2C9
#D9CEC9
#DDCAC9
#CAE4C2
#CEE0C2
#D2DCC2
#D6D8C2
#DBD3C2
#DFCFC2
#E4CAC2
Colorpallet from #C2CAE4 to #E4C2CA and to #E4CAC2
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C2CAE4
#C7C9E0
#C7C9E0
#C7C9E0
#C7C9E0
#C7CADF
#C7CADF
#C7CADF
#CDC7DC
#CDC7DC
#CDC8DB
#CDC8DB
#CDC9DA
#CDC9DA
#CDCAD9
#D2C6D8
#D2C7D7
#D2C7D7
#D2C8D6
#D2C9D5
#D2C9D5
#D2CAD4
#D8C5D3
#D8C6D2
#D8C7D1
#D8C7D1
#D8C8D0
#D8C9CF
#D8CACE
#DDC4CF
#DDC5CE
#DDC6CD
#DDC7CC
#DDC8CB
#DDC9CA
#DDCAC9
#E4C2CA
#E4C3C9
#E4C5C7
#E4C6C6
#E4C7C5
#E4C8C4
#E4CAC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts