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 #C2C5F0 to #C2F0C5 and to #C5C2F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2CCE9
#C2CBEA
#C2CAEB
#C2C9EC
#C2C8ED
#C2C6EF
#C2C5F0
#C2D3E2
#C2D1E4
#C2CEE6
#C2CCE9
#C3C9EB
#C3C7ED
#C3C4F0
#C2DADB
#C2D6DE
#C2D3E2
#C2CFE5
#C3CCE8
#C3C8EC
#C3C4F0
#C2E1D4
#C2DCD8
#C3D7DD
#C3D3E1
#C3CEE6
#C4C9EA
#C4C3F0
#C2E7CE
#C2E1D3
#C3DBD9
#C3D6DE
#C3D0E4
#C4CAE9
#C4C3F0
#C2F0C5
#C2E9CC
#C3E1D3
#C3DADA
#C4D3E1
#C4CBE7
#C5C2F0
Colorpallet from #C2C5F0 to #C2F0C5 and to #C5F0C2
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2CCE9
#C2CCE9
#C2CCE9
#C2CCE9
#C2CCE9
#C2CCE9
#C2CCE9
#C2D3E2
#C2D3E2
#C2D3E2
#C2D3E2
#C3D3E1
#C3D3E1
#C3D3E1
#C2DADB
#C2DADB
#C2DADB
#C2DADB
#C3DADA
#C3DADA
#C3DADA
#C2E1D4
#C2E1D4
#C3E1D4
#C3E1D4
#C3E1D3
#C4E1D3
#C4E1D3
#C2E7CE
#C2E7CE
#C3E7CD
#C3E7CD
#C3E7CC
#C4E7CC
#C4E7CB
#C2F0C5
#C2F0C5
#C3F0C4
#C3F0C4
#C4F0C3
#C4F0C3
#C5F0C2
Colorpallet from #C2C5F0 to #C2F0C5 and to #F0C2C5
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2CCE9
#C3CBE9
#C4CAE9
#C5C9E9
#C6C8E9
#C8C6E9
#C9C5E9
#C2D3E2
#C4D1E2
#C7CEE2
#C9CCE2
#CCC9E2
#CEC7E2
#D1C4E2
#C2DADB
#C6D6DB
#C9D3DB
#CDCFDB
#D0CCDB
#D4C8DB
#D8C4DB
#C2E1D4
#C7DCD4
#CBD7D4
#D0D3D4
#D5CED4
#D9C9D4
#DFC3D4
#C2E7CE
#C8E1CE
#CEDBCE
#D4D6CE
#DAD0CE
#E0CACE
#E7C3CE
#C2F0C5
#C9E9C5
#D1E1C5
#D8DAC5
#DFD3C5
#E7CBC5
#F0C2C5
Colorpallet from #C2C5F0 to #C2F0C5 and to #F0C5C2
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2CCE9
#C3CBE9
#C4CAE9
#C5C9E9
#C6C8E9
#C8C6E9
#C9C5E9
#C2D3E2
#C4D1E2
#C7CFE2
#C9CCE2
#CCCAE1
#CEC8E1
#D1C5E1
#C2DADB
#C6D7DB
#C9D3DB
#CDD0DB
#D0CDDA
#D4C9DA
#D8C5DA
#C2E1D4
#C7DDD4
#CBD8D4
#D0D4D4
#D5CFD3
#D9CBD3
#DFC5D3
#C2E7CE
#C8E2CE
#CEDCCD
#D4D7CD
#DAD1CC
#E0CCCC
#E7C5CB
#C2F0C5
#C9E9C5
#D1E2C4
#D8DBC4
#DFD4C3
#E7CEC3
#F0C5C2
Colorpallet from #C2C5F0 to #C5C2F0 and to #C5F0C2
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C6EF
#C2C7EE
#C2C8ED
#C2C9EC
#C2CBEA
#C2CCE9
#C3C4F0
#C3C6EE
#C3C9EB
#C3CBE9
#C3CEE6
#C3D0E4
#C3D3E1
#C3C4F0
#C3C8EC
#C3CBE9
#C3CFE5
#C3D2E2
#C3D6DE
#C3DADA
#C4C3F0
#C4C8EB
#C4CDE7
#C4D1E2
#C4D6DD
#C4DBD9
#C4E1D3
#C4C3F0
#C4C9EA
#C4CFE4
#C4D4DE
#C4DAD8
#C4E0D2
#C4E7CB
#C5C2F0
#C5C9E9
#C5D1E1
#C5D8DA
#C5DFD3
#C5E7CB
#C5F0C2
Colorpallet from #C2C5F0 to #C5C2F0 and to #F0C2C5
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C3C5EF
#C4C5EE
#C5C5ED
#C6C5EC
#C8C5EA
#C9C5E9
#C3C4F0
#C5C4EE
#C7C4EC
#CAC4E9
#CCC4E7
#CEC4E5
#D1C4E2
#C3C4F0
#C6C4ED
#CAC4E9
#CDC4E6
#D0C4E3
#D4C4DF
#D8C4DB
#C4C3F0
#C8C3EC
#CDC3E7
#D1C3E3
#D5C3DE
#DAC3DA
#DFC3D4
#C4C3F0
#CAC3EB
#CFC3E5
#D5C3E0
#DAC3DA
#E0C3D5
#E7C3CE
#C5C2F0
#CCC2E9
#D3C2E2
#DAC2DB
#E1C2D4
#E7C2CE
#F0C2C5
Colorpallet from #C2C5F0 to #C5C2F0 and to #F0C5C2
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C3C5EF
#C4C5EE
#C5C5ED
#C6C5EC
#C8C5EA
#C9C5E9
#C3C4F0
#C5C4EE
#C7C4EB
#CAC4E9
#CCC5E6
#CEC5E4
#D1C5E1
#C3C4F0
#C6C4EC
#CAC4E9
#CDC4E5
#D0C5E2
#D4C5DE
#D8C5DA
#C4C3F0
#C8C3EB
#CDC4E7
#D1C4E2
#D5C4DD
#DAC5D9
#DFC5D3
#C4C3F0
#CAC3EA
#CFC4E4
#D5C4DE
#DAC4D8
#E0C5D2
#E7C5CB
#C5C2F0
#CCC2E9
#D3C3E1
#DAC3DA
#E1C4D3
#E7C4CB
#F0C5C2
Colorpallet from #C2C5F0 to #C5F0C2 and to #F0C2C5
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2CCE9
#C3CBE9
#C4CAE9
#C5C9E9
#C6C8E9
#C8C6E9
#C9C5E9
#C3D3E1
#C5D1E1
#C7CEE1
#CACCE1
#CCC9E2
#CEC7E2
#D1C4E2
#C3DADA
#C6D6DA
#CAD3DA
#CDCFDA
#D0CCDB
#D4C8DB
#D8C4DB
#C4E1D3
#C8DCD3
#CDD7D3
#D1D3D3
#D5CED4
#DAC9D4
#DFC3D4
#C4E7CB
#CAE1CB
#CFDBCC
#D5D6CC
#DAD0CD
#E0CACD
#E7C3CE
#C5F0C2
#CCE9C2
#D3E1C3
#DADAC3
#E1D3C4
#E7CBC4
#F0C2C5
Colorpallet from #C2C5F0 to #C5F0C2 and to #F0C5C2
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2CCE9
#C3CBE9
#C4CAE9
#C5C9E9
#C6C8E9
#C8C6E9
#C9C5E9
#C3D3E1
#C5D1E1
#C7CFE1
#CACCE1
#CCCAE1
#CEC8E1
#D1C5E1
#C3DADA
#C6D7DA
#CAD3DA
#CDD0DA
#D0CDDA
#D4C9DA
#D8C5DA
#C4E1D3
#C8DDD3
#CDD8D3
#D1D4D3
#D5CFD3
#DACBD3
#DFC5D3
#C4E7CB
#CAE2CB
#CFDCCB
#D5D7CB
#DAD1CB
#E0CCCB
#E7C5CB
#C5F0C2
#CCE9C2
#D3E2C2
#DADBC2
#E1D4C2
#E7CEC2
#F0C5C2
Colorpallet from #C2C5F0 to #F0C2C5 and to #F0C5C2
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C2C5F0
#C9C5E9
#C9C5E9
#C9C5E9
#C9C5E9
#C9C5E9
#C9C5E9
#C9C5E9
#D1C4E2
#D1C4E2
#D1C4E2
#D1C4E2
#D1C5E1
#D1C5E1
#D1C5E1
#D8C4DB
#D8C4DB
#D8C4DB
#D8C4DB
#D8C5DA
#D8C5DA
#D8C5DA
#DFC3D4
#DFC3D4
#DFC4D4
#DFC4D4
#DFC4D3
#DFC5D3
#DFC5D3
#E7C3CE
#E7C3CE
#E7C4CD
#E7C4CD
#E7C4CC
#E7C5CC
#E7C5CB
#F0C2C5
#F0C2C5
#F0C3C4
#F0C3C4
#F0C4C3
#F0C4C3
#F0C5C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts