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 #C2D3E9 to #C2E9D3 and to #D3C2E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D7E5
#C2D6E6
#C3D5E6
#C3D4E7
#C4D3E8
#C4D1E8
#C5D0E9
#C2DAE2
#C3D8E3
#C4D6E4
#C4D4E5
#C5D2E6
#C6D0E8
#C7CEE9
#C2DEDE
#C3DBE0
#C5D8E2
#C6D5E3
#C7D2E5
#C8CFE7
#CACBE9
#C2E1DB
#C4DDDD
#C6D9DF
#C7D5E2
#C9D1E4
#CBCDE6
#CDC8E9
#C2E5D7
#C4E0DA
#C6DBDD
#C9D6E0
#CBD1E3
#CDCBE5
#D0C5E9
#C2E9D3
#C5E3D7
#C7DDDA
#CAD6DE
#CDD0E1
#D0CAE5
#D3C2E9
Colorpallet from #C2D3E9 to #C2E9D3 and to #D3E9C2
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D7E5
#C2D7E5
#C3D7E4
#C3D7E4
#C4D7E4
#C4D7E3
#C5D7E3
#C2DAE2
#C3DAE1
#C4DAE0
#C4DAE0
#C5DADF
#C6DADE
#C7DADD
#C2DEDE
#C3DEDD
#C5DEDB
#C6DEDA
#C7DED9
#C8DED8
#CADED6
#C2E1DB
#C4E1D9
#C6E1D7
#C7E1D6
#C9E1D4
#CBE1D2
#CDE1D0
#C2E5D7
#C4E5D5
#C6E5D3
#C9E5D1
#CBE5CF
#CDE5CD
#D0E5CA
#C2E9D3
#C5E9D0
#C7E9CE
#CAE9CB
#CDE9C8
#D0E9C5
#D3E9C2
Colorpallet from #C2D3E9 to #C2E9D3 and to #E9C2D3
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D7E5
#C3D6E5
#C4D5E5
#C5D4E5
#C6D3E5
#C7D1E5
#C8D0E5
#C2DAE2
#C4D8E2
#C6D6E2
#C8D4E2
#CAD2E2
#CCD0E2
#CECEE2
#C2DEDE
#C5DBDE
#C8D8DE
#CBD5DE
#CED2DE
#D1CFDE
#D5CBDE
#C2E1DB
#C6DDDB
#CAD9DB
#CED5DB
#D2D1DB
#D6CDDB
#DBC8DB
#C2E5D7
#C7E0D7
#CCDBD7
#D1D6D7
#D6D1D7
#DBCBD7
#E1C5D7
#C2E9D3
#C8E3D3
#CEDDD3
#D5D6D3
#DBD0D3
#E1CAD3
#E9C2D3
Colorpallet from #C2D3E9 to #C2E9D3 and to #E9D3C2
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D7E5
#C3D6E5
#C4D6E4
#C5D5E4
#C6D4E4
#C7D4E3
#C8D3E3
#C2DAE2
#C4D9E1
#C6D8E0
#C8D7E0
#CAD6DF
#CCD4DE
#CED3DD
#C2DEDE
#C5DCDD
#C8DADB
#CBD9DA
#CED7D9
#D1D5D8
#D5D3D6
#C2E1DB
#C6DFD9
#CADDD7
#CEDAD6
#D2D8D4
#D6D6D2
#DBD3D0
#C2E5D7
#C7E2D5
#CCDFD3
#D1DCD1
#D6D9CF
#DBD7CD
#E1D3CA
#C2E9D3
#C8E5D0
#CEE2CE
#D5DECB
#DBDBC8
#E1D7C5
#E9D3C2
Colorpallet from #C2D3E9 to #D3C2E9 and to #D3E9C2
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C5D0E9
#C5D1E8
#C5D2E7
#C5D3E6
#C5D4E5
#C5D6E4
#C5D7E3
#C7CEE9
#C7D0E7
#C7D2E5
#C7D4E3
#C7D6E1
#C7D8DF
#C7DADD
#CACBE9
#CACEE6
#CAD1E3
#CAD4E0
#CAD7DD
#CADADA
#CADED6
#CDC8E9
#CDCCE5
#CDD0E1
#CDD4DD
#CDD8D9
#CDDCD5
#CDE1D0
#D0C5E9
#D0CAE4
#D0CFDF
#D0D4DA
#D0D9D5
#D0DFD0
#D0E5CA
#D3C2E9
#D3C8E3
#D3CEDD
#D3D5D6
#D3DBD0
#D3E1CA
#D3E9C2
Colorpallet from #C2D3E9 to #D3C2E9 and to #E9C2D3
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C5D0E9
#C5D0E8
#C6D0E8
#C6D0E7
#C7D0E6
#C7D0E6
#C8D0E5
#C7CEE9
#C8CEE8
#C9CEE7
#CACEE6
#CBCEE5
#CDCEE3
#CECEE2
#CACBE9
#CCCBE7
#CECBE5
#CFCBE4
#D1CBE2
#D3CBE0
#D5CBDE
#CDC8E9
#CFC8E7
#D1C8E5
#D4C8E2
#D6C8E0
#D8C8DE
#DBC8DB
#D0C5E9
#D3C5E6
#D5C5E3
#D8C5E0
#DBC5DD
#DEC5DB
#E1C5D7
#D3C2E9
#D7C2E5
#DAC2E2
#DEC2DE
#E1C2DB
#E5C2D7
#E9C2D3
Colorpallet from #C2D3E9 to #D3C2E9 and to #E9D3C2
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C5D0E9
#C5D0E8
#C6D1E7
#C6D1E6
#C7D2E5
#C7D2E4
#C8D3E3
#C7CEE9
#C8CFE7
#C9D0E5
#CAD0E3
#CBD1E1
#CDD2DF
#CED3DD
#CACBE9
#CCCCE6
#CECEE3
#CFCFE0
#D1D0DD
#D3D1DA
#D5D3D6
#CDC8E9
#CFCAE5
#D1CCE1
#D4CDDD
#D6CFD9
#D8D1D5
#DBD3D0
#D0C5E9
#D3C7E4
#D5C9DF
#D8CCDA
#DBCED5
#DED0D0
#E1D3CA
#D3C2E9
#D7C5E3
#DAC7DD
#DECAD6
#E1CDD0
#E5D0CA
#E9D3C2
Colorpallet from #C2D3E9 to #D3E9C2 and to #E9C2D3
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C5D7E3
#C5D6E3
#C6D5E4
#C6D4E4
#C7D3E4
#C7D1E5
#C8D0E5
#C7DADD
#C8D8DE
#C9D6DF
#CAD4DF
#CBD2E0
#CDD0E1
#CECEE2
#CADED6
#CCDBD7
#CED8D9
#CFD5DA
#D1D2DB
#D3CFDC
#D5CBDE
#CDE1D0
#CFDDD2
#D1D9D4
#D4D5D5
#D6D1D7
#D8CDD9
#DBC8DB
#D0E5CA
#D3E0CC
#D5DBCE
#D8D6D0
#DBD1D2
#DECBD4
#E1C5D7
#D3E9C2
#D7E3C5
#DADDC7
#DED6CA
#E1D0CD
#E5CAD0
#E9C2D3
Colorpallet from #C2D3E9 to #D3E9C2 and to #E9D3C2
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C5D7E3
#C5D6E3
#C6D6E3
#C6D5E3
#C7D4E3
#C7D4E3
#C8D3E3
#C7DADD
#C8D9DD
#C9D8DD
#CAD7DD
#CBD6DD
#CDD4DD
#CED3DD
#CADED6
#CCDCD6
#CEDAD6
#CFD9D6
#D1D7D6
#D3D5D6
#D5D3D6
#CDE1D0
#CFDFD0
#D1DDD0
#D4DAD0
#D6D8D0
#D8D6D0
#DBD3D0
#D0E5CA
#D3E2CA
#D5DFCA
#D8DCCA
#DBD9CA
#DED7CA
#E1D3CA
#D3E9C2
#D7E5C2
#DAE2C2
#DEDEC2
#E1DBC2
#E5D7C2
#E9D3C2
Colorpallet from #C2D3E9 to #E9C2D3 and to #E9D3C2
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C2D3E9
#C8D0E5
#C8D0E5
#C8D1E4
#C8D1E4
#C8D2E4
#C8D2E3
#C8D3E3
#CECEE2
#CECFE1
#CED0E0
#CED0E0
#CED1DF
#CED2DE
#CED3DD
#D5CBDE
#D5CCDD
#D5CEDB
#D5CFDA
#D5D0D9
#D5D1D8
#D5D3D6
#DBC8DB
#DBCAD9
#DBCCD7
#DBCDD6
#DBCFD4
#DBD1D2
#DBD3D0
#E1C5D7
#E1C7D5
#E1C9D3
#E1CCD1
#E1CECF
#E1D0CD
#E1D3CA
#E9C2D3
#E9C5D0
#E9C7CE
#E9CACB
#E9CDC8
#E9D0C5
#E9D3C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts