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 #C0D2E1 to #C0E1D2 and to #D2C0E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D4DF
#C0D3DF
#C1D2E0
#C1D2E0
#C2D1E0
#C2D0E1
#C3CFE1
#C0D7DC
#C1D5DD
#C2D3DE
#C3D2DE
#C4D0DF
#C5CEE0
#C6CCE1
#C0D9DA
#C1D6DB
#C3D4DC
#C4D1DD
#C6CFDE
#C7CCE0
#C9C9E1
#C0DCD7
#C2D8D9
#C4D5DA
#C6D1DC
#C8CEDD
#CACADF
#CCC6E1
#C0DED5
#C2DAD7
#C4D6D9
#C7D2DB
#C9CDDD
#CBC9DF
#CEC4E1
#C0E1D2
#C3DCD4
#C6D6D7
#C9D1D9
#CCCCDC
#CEC7DE
#D2C0E1
Colorpallet from #C0D2E1 to #C0E1D2 and to #D2E1C0
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D4DF
#C0D4DF
#C1D4DE
#C1D4DE
#C2D4DD
#C2D4DD
#C3D4DC
#C0D7DC
#C1D7DB
#C2D7DA
#C3D7D9
#C4D7D8
#C5D7D7
#C6D7D6
#C0D9DA
#C1D9D9
#C3D9D7
#C4D9D6
#C6D9D4
#C7D9D3
#C9D9D1
#C0DCD7
#C2DCD5
#C4DCD3
#C6DCD2
#C8DCD0
#CADCCE
#CCDCCC
#C0DED5
#C2DED3
#C4DED1
#C7DECE
#C9DECC
#CBDECA
#CEDEC7
#C0E1D2
#C3E1CF
#C6E1CC
#C9E1C9
#CCE1C6
#CEE1C4
#D2E1C0
Colorpallet from #C0D2E1 to #C0E1D2 and to #E1C0D2
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D4DF
#C1D3DF
#C2D2DF
#C2D2DF
#C3D1DF
#C4D0DF
#C5CFDF
#C0D7DC
#C2D5DC
#C4D3DC
#C5D2DC
#C7D0DC
#C9CEDC
#CBCCDC
#C0D9DA
#C3D6DA
#C5D4DA
#C8D1DA
#CACFDA
#CDCCDA
#D0C9DA
#C0DCD7
#C3D8D7
#C7D5D7
#CAD1D7
#CDCED7
#D1CAD7
#D5C6D7
#C0DED5
#C4DAD5
#C8D6D5
#CCD2D5
#D1CDD5
#D5C9D5
#DAC4D5
#C0E1D2
#C5DCD2
#CBD6D2
#D0D1D2
#D5CCD2
#DAC7D2
#E1C0D2
Colorpallet from #C0D2E1 to #C0E1D2 and to #E1D2C0
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D4DF
#C1D4DF
#C2D3DE
#C2D3DE
#C3D3DD
#C4D2DD
#C5D2DC
#C0D7DC
#C2D6DB
#C4D5DA
#C5D5D9
#C7D4D8
#C9D3D7
#CBD2D6
#C0D9DA
#C3D8D9
#C5D7D7
#C8D6D6
#CAD5D4
#CDD3D3
#D0D2D1
#C0DCD7
#C3DAD5
#C7D9D3
#CAD7D2
#CDD6D0
#D1D4CE
#D5D2CC
#C0DED5
#C4DCD3
#C8DAD1
#CCD8CE
#D1D6CC
#D5D4CA
#DAD2C7
#C0E1D2
#C5DFCF
#CBDCCC
#D0DAC9
#D5D7C6
#DAD5C4
#E1D2C0
Colorpallet from #C0D2E1 to #D2C0E1 and to #D2E1C0
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C3CFE1
#C3D0E0
#C3D1DF
#C3D1DF
#C3D2DE
#C3D3DD
#C3D4DC
#C6CCE1
#C6CEDF
#C6D0DD
#C6D1DC
#C6D3DA
#C6D5D8
#C6D7D6
#C9C9E1
#C9CCDE
#C9CEDC
#C9D1D9
#C9D3D7
#C9D6D4
#C9D9D1
#CCC6E1
#CCCADE
#CCCDDA
#CCD1D7
#CCD4D4
#CCD8D0
#CCDCCC
#CEC4E1
#CEC8DD
#CECCD9
#CED0D5
#CED5D0
#CED9CC
#CEDEC7
#D2C0E1
#D2C5DC
#D2CBD6
#D2D0D1
#D2D5CC
#D2DAC7
#D2E1C0
Colorpallet from #C0D2E1 to #D2C0E1 and to #E1C0D2
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C3CFE1
#C3CFE1
#C4CFE0
#C4CFE0
#C4CFE0
#C5CFDF
#C5CFDF
#C6CCE1
#C7CCE0
#C8CCDF
#C8CCDF
#C9CCDE
#CACCDD
#CBCCDC
#C9C9E1
#CAC9E0
#CBC9DF
#CCC9DE
#CDC9DD
#CFC9DB
#D0C9DA
#CCC6E1
#CDC6DF
#CFC6DE
#D0C6DC
#D2C6DB
#D3C6D9
#D5C6D7
#CEC4E1
#D0C4DF
#D2C4DD
#D4C4DB
#D6C4D9
#D8C4D7
#DAC4D5
#D2C0E1
#D4C0DF
#D7C0DC
#D9C0DA
#DCC0D7
#DEC0D5
#E1C0D2
Colorpallet from #C0D2E1 to #D2C0E1 and to #E1D2C0
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C3CFE1
#C3CFE0
#C4D0DF
#C4D0DF
#C4D1DE
#C5D1DD
#C5D2DC
#C6CCE1
#C7CDDF
#C8CEDD
#C8CFDC
#C9D0DA
#CAD1D8
#CBD2D6
#C9C9E1
#CACADE
#CBCCDC
#CCCDD9
#CDCFD7
#CFD0D4
#D0D2D1
#CCC6E1
#CDC8DE
#CFCADA
#D0CCD7
#D2CED4
#D3D0D0
#D5D2CC
#CEC4E1
#D0C6DD
#D2C8D9
#D4CBD5
#D6CDD0
#D8CFCC
#DAD2C7
#D2C0E1
#D4C3DC
#D7C6D6
#D9C9D1
#DCCCCC
#DECEC7
#E1D2C0
Colorpallet from #C0D2E1 to #D2E1C0 and to #E1C0D2
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C3D4DC
#C3D3DC
#C4D2DD
#C4D2DD
#C4D1DE
#C5D0DE
#C5CFDF
#C6D7D6
#C7D5D7
#C8D3D8
#C8D2D9
#C9D0DA
#CACEDB
#CBCCDC
#C9D9D1
#CAD6D2
#CBD4D4
#CCD1D5
#CDCFD7
#CFCCD8
#D0C9DA
#CCDCCC
#CDD8CE
#CFD5D0
#D0D1D1
#D2CED3
#D3CAD5
#D5C6D7
#CEDEC7
#D0DAC9
#D2D6CB
#D4D2CE
#D6CDD0
#D8C9D2
#DAC4D5
#D2E1C0
#D4DCC3
#D7D6C6
#D9D1C9
#DCCCCC
#DEC7CE
#E1C0D2
Colorpallet from #C0D2E1 to #D2E1C0 and to #E1D2C0
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C3D4DC
#C3D4DC
#C4D3DC
#C4D3DC
#C4D3DC
#C5D2DC
#C5D2DC
#C6D7D6
#C7D6D6
#C8D5D6
#C8D5D6
#C9D4D6
#CAD3D6
#CBD2D6
#C9D9D1
#CAD8D1
#CBD7D1
#CCD6D1
#CDD5D1
#CFD3D1
#D0D2D1
#CCDCCC
#CDDACC
#CFD9CC
#D0D7CC
#D2D6CC
#D3D4CC
#D5D2CC
#CEDEC7
#D0DCC7
#D2DAC7
#D4D8C7
#D6D6C7
#D8D4C7
#DAD2C7
#D2E1C0
#D4DFC0
#D7DCC0
#D9DAC0
#DCD7C0
#DED5C0
#E1D2C0
Colorpallet from #C0D2E1 to #E1C0D2 and to #E1D2C0
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C0D2E1
#C5CFDF
#C5CFDF
#C5D0DE
#C5D0DE
#C5D1DD
#C5D1DD
#C5D2DC
#CBCCDC
#CBCDDB
#CBCEDA
#CBCFD9
#CBD0D8
#CBD1D7
#CBD2D6
#D0C9DA
#D0CAD9
#D0CCD7
#D0CDD6
#D0CFD4
#D0D0D3
#D0D2D1
#D5C6D7
#D5C8D5
#D5CAD3
#D5CCD2
#D5CED0
#D5D0CE
#D5D2CC
#DAC4D5
#DAC6D3
#DAC8D1
#DACBCE
#DACDCC
#DACFCA
#DAD2C7
#E1C0D2
#E1C3CF
#E1C6CC
#E1C9C9
#E1CCC6
#E1CEC4
#E1D2C0
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
