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 #C1D0E2 to #C1E2D0 and to #D0C1E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D3DF
#C1D2DF
#C2D1E0
#C2D1E0
#C2D0E1
#C3CFE1
#C3CEE2
#C1D6DC
#C2D4DD
#C3D2DE
#C3D1DF
#C4CFE0
#C5CDE1
#C6CBE2
#C1D9D9
#C2D6DA
#C3D4DC
#C4D1DD
#C5CFDF
#C7CCE0
#C8C9E2
#C1DCD6
#C3D8D8
#C4D5DA
#C6D1DC
#C7CEDE
#C9CAE0
#CBC6E2
#C1DED4
#C3DAD6
#C5D6D8
#C7D2DB
#C9CDDD
#CBC9DF
#CDC4E2
#C1E2D0
#C3DDD3
#C6D7D6
#C8D2D9
#CBCDDC
#CDC8DE
#D0C1E2
Colorpallet from #C1D0E2 to #C1E2D0 and to #D0E2C1
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D3DF
#C1D3DF
#C2D3DE
#C2D3DE
#C2D3DE
#C3D3DD
#C3D3DD
#C1D6DC
#C2D6DB
#C3D6DA
#C3D6DA
#C4D6D9
#C5D6D8
#C6D6D7
#C1D9D9
#C2D9D8
#C3D9D7
#C4D9D6
#C5D9D5
#C7D9D3
#C8D9D2
#C1DCD6
#C3DCD5
#C4DCD3
#C6DCD2
#C7DCD0
#C9DCCF
#CBDCCD
#C1DED4
#C3DED2
#C5DED0
#C7DECE
#C9DECC
#CBDECA
#CDDEC8
#C1E2D0
#C3E2CE
#C6E2CB
#C8E2C9
#CBE2C6
#CDE2C4
#D0E2C1
Colorpallet from #C1D0E2 to #C1E2D0 and to #E2C1D0
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D3DF
#C2D2DF
#C3D1DF
#C3D1DF
#C4D0DF
#C5CFDF
#C6CEDF
#C1D6DC
#C3D4DC
#C5D2DC
#C6D1DC
#C8CFDC
#CACDDC
#CCCBDC
#C1D9D9
#C4D6D9
#C6D4D9
#C9D1D9
#CBCFD9
#CECCD9
#D1C9D9
#C1DCD6
#C4D8D6
#C8D5D6
#CBD1D6
#CECED6
#D2CAD6
#D6C6D6
#C1DED4
#C5DAD4
#C9D6D4
#CDD2D4
#D2CDD4
#D6C9D4
#DBC4D4
#C1E2D0
#C6DDD0
#CCD7D0
#D1D2D0
#D6CDD0
#DBC8D0
#E2C1D0
Colorpallet from #C1D0E2 to #C1E2D0 and to #E2D0C1
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D3DF
#C2D3DF
#C3D2DE
#C3D2DE
#C4D1DE
#C5D1DD
#C6D0DD
#C1D6DC
#C3D5DB
#C5D4DA
#C6D3DA
#C8D2D9
#CAD1D8
#CCD0D7
#C1D9D9
#C4D8D8
#C6D6D7
#C9D5D6
#CBD3D5
#CED2D3
#D1D0D2
#C1DCD6
#C4DAD5
#C8D8D3
#CBD6D2
#CED4D0
#D2D2CF
#D6D0CD
#C1DED4
#C5DCD2
#C9DAD0
#CDD7CE
#D2D5CC
#D6D3CA
#DBD0C8
#C1E2D0
#C6DFCE
#CCDCCB
#D1D9C9
#D6D6C6
#DBD4C4
#E2D0C1
Colorpallet from #C1D0E2 to #D0C1E2 and to #D0E2C1
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C3CEE2
#C3CFE1
#C3D0E0
#C3D0E0
#C3D1DF
#C3D2DE
#C3D3DD
#C6CBE2
#C6CDE0
#C6CFDE
#C6D0DD
#C6D2DB
#C6D4D9
#C6D6D7
#C8C9E2
#C8CCDF
#C8CEDD
#C8D1DA
#C8D3D8
#C8D6D5
#C8D9D2
#CBC6E2
#CBCADF
#CBCDDB
#CBD1D8
#CBD4D5
#CBD8D1
#CBDCCD
#CDC4E2
#CDC8DE
#CDCCDA
#CDD0D6
#CDD5D1
#CDD9CD
#CDDEC8
#D0C1E2
#D0C6DD
#D0CCD7
#D0D1D2
#D0D6CD
#D0DBC8
#D0E2C1
Colorpallet from #C1D0E2 to #D0C1E2 and to #E2C1D0
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C3CEE2
#C3CEE2
#C4CEE1
#C4CEE1
#C5CEE0
#C5CEE0
#C6CEDF
#C6CBE2
#C7CBE1
#C8CBE0
#C9CBDF
#CACBDE
#CBCBDD
#CCCBDC
#C8C9E2
#C9C9E1
#CBC9DF
#CCC9DE
#CEC9DC
#CFC9DB
#D1C9D9
#CBC6E2
#CDC6E0
#CFC6DE
#D0C6DC
#D2C6DA
#D4C6D8
#D6C6D6
#CDC4E2
#CFC4E0
#D1C4DE
#D4C4DB
#D6C4D9
#D8C4D7
#DBC4D4
#D0C1E2
#D3C1DF
#D6C1DC
#D9C1D9
#DCC1D6
#DEC1D4
#E2C1D0
Colorpallet from #C1D0E2 to #D0C1E2 and to #E2D0C1
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C3CEE2
#C3CEE1
#C4CFE0
#C4CFE0
#C5CFDF
#C5D0DE
#C6D0DD
#C6CBE2
#C7CCE0
#C8CDDE
#C9CDDD
#CACEDB
#CBCFD9
#CCD0D7
#C8C9E2
#C9CADF
#CBCBDD
#CCCCDA
#CECDD8
#CFCFD5
#D1D0D2
#CBC6E2
#CDC8DF
#CFC9DB
#D0CBD8
#D2CCD5
#D4CED1
#D6D0CD
#CDC4E2
#CFC6DE
#D1C8DA
#D4CAD6
#D6CCD1
#D8CECD
#DBD0C8
#D0C1E2
#D3C3DD
#D6C6D7
#D9C8D2
#DCCBCD
#DECDC8
#E2D0C1
Colorpallet from #C1D0E2 to #D0E2C1 and to #E2C1D0
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C3D3DD
#C3D2DD
#C4D1DE
#C4D1DE
#C5D0DE
#C5CFDF
#C6CEDF
#C6D6D7
#C7D4D8
#C8D2D9
#C9D1D9
#CACFDA
#CBCDDB
#CCCBDC
#C8D9D2
#C9D6D3
#CBD4D4
#CCD1D5
#CECFD6
#CFCCD8
#D1C9D9
#CBDCCD
#CDD8CE
#CFD5D0
#D0D1D1
#D2CED3
#D4CAD4
#D6C6D6
#CDDEC8
#CFDACA
#D1D6CC
#D4D2CE
#D6CDD0
#D8C9D2
#DBC4D4
#D0E2C1
#D3DDC3
#D6D7C6
#D9D2C8
#DCCDCB
#DEC8CD
#E2C1D0
Colorpallet from #C1D0E2 to #D0E2C1 and to #E2D0C1
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C3D3DD
#C3D3DD
#C4D2DD
#C4D2DD
#C5D1DD
#C5D1DD
#C6D0DD
#C6D6D7
#C7D5D7
#C8D4D7
#C9D3D7
#CAD2D7
#CBD1D7
#CCD0D7
#C8D9D2
#C9D8D2
#CBD6D2
#CCD5D2
#CED3D2
#CFD2D2
#D1D0D2
#CBDCCD
#CDDACD
#CFD8CD
#D0D6CD
#D2D4CD
#D4D2CD
#D6D0CD
#CDDEC8
#CFDCC8
#D1DAC8
#D4D7C8
#D6D5C8
#D8D3C8
#DBD0C8
#D0E2C1
#D3DFC1
#D6DCC1
#D9D9C1
#DCD6C1
#DED4C1
#E2D0C1
Colorpallet from #C1D0E2 to #E2C1D0 and to #E2D0C1
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C1D0E2
#C6CEDF
#C6CEDF
#C6CFDE
#C6CFDE
#C6CFDE
#C6D0DD
#C6D0DD
#CCCBDC
#CCCCDB
#CCCDDA
#CCCDDA
#CCCED9
#CCCFD8
#CCD0D7
#D1C9D9
#D1CAD8
#D1CBD7
#D1CCD6
#D1CDD5
#D1CFD3
#D1D0D2
#D6C6D6
#D6C8D5
#D6C9D3
#D6CBD2
#D6CCD0
#D6CECF
#D6D0CD
#DBC4D4
#DBC6D2
#DBC8D0
#DBCACE
#DBCCCC
#DBCECA
#DBD0C8
#E2C1D0
#E2C3CE
#E2C6CB
#E2C8C9
#E2CBC6
#E2CDC4
#E2D0C1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts