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 #C2E6D0 to #C2D0E6 and to #E6C2D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E2D4
#C3E2D3
#C4E1D3
#C5E1D2
#C6E1D1
#C7E0D1
#C8E0D0
#C2DFD7
#C4DED6
#C6DDD5
#C8DDD4
#CADCD3
#CCDBD1
#CEDAD0
#C2DBDB
#C5DAD9
#C7D9D7
#CAD8D6
#CDD7D4
#D0D6D2
#D3D5D0
#C2D8DE
#C6D7DC
#C9D5DA
#CDD4D7
#D1D2D5
#D4D1D3
#D9CFD0
#C2D4E2
#C7D2DF
#CBD0DC
#D0CFD9
#D5CDD6
#D9CBD4
#DFC9D0
#C2D0E6
#C8CEE2
#CECCDF
#D3C9DB
#D9C7D8
#DFC5D4
#E6C2D0
Colorpallet from #C2E6D0 to #C2D0E6 and to #E6D0C2
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E2D4
#C3E2D3
#C4E2D2
#C5E2D1
#C6E2D0
#C7E2CF
#C8E2CE
#C2DFD7
#C4DFD5
#C6DFD3
#C8DFD2
#CADFD0
#CCDFCE
#CEDFCC
#C2DBDB
#C5DBD8
#C7DBD5
#CADBD2
#CDDBCF
#D0DBCD
#D3DBC9
#C2D8DE
#C6D8DA
#C9D8D7
#CDD8D3
#D1D8CF
#D4D8CC
#D9D8C7
#C2D4E2
#C7D4DD
#CBD4D9
#D0D4D4
#D5D4CF
#D9D4CB
#DFD4C5
#C2D0E6
#C8D0E0
#CED0DA
#D3D0D5
#D9D0CF
#DFD0C9
#E6D0C2
Colorpallet from #C2E6D0 to #C2D0E6 and to #D0C2E6
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E2D4
#C2E2D4
#C3E1D4
#C3E1D4
#C3E1D4
#C4E0D4
#C4E0D4
#C2DFD7
#C3DED7
#C3DDD7
#C4DDD7
#C5DCD7
#C5DBD7
#C6DAD7
#C2DBDB
#C3DADB
#C4D9DB
#C5D8DB
#C6D7DB
#C8D6DB
#C9D5DB
#C2D8DE
#C3D7DE
#C5D5DE
#C6D4DE
#C8D2DE
#C9D1DE
#CBCFDE
#C2D4E2
#C4D2E2
#C6D0E2
#C7CFE2
#C9CDE2
#CBCBE2
#CDC9E2
#C2D0E6
#C4CEE6
#C6CCE6
#C9C9E6
#CBC7E6
#CDC5E6
#D0C2E6
Colorpallet from #C2E6D0 to #C2D0E6 and to #D0E6C2
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E2D4
#C2E3D3
#C3E3D2
#C3E4D1
#C3E5D0
#C4E5CF
#C4E6CE
#C2DFD7
#C3E0D5
#C3E1D3
#C4E2D2
#C5E3D0
#C5E5CE
#C6E6CC
#C2DBDB
#C3DDD8
#C4DFD5
#C5E0D2
#C6E2CF
#C8E4CD
#C9E6C9
#C2D8DE
#C3DADA
#C5DCD7
#C6DFD3
#C8E1CF
#C9E3CC
#CBE6C7
#C2D4E2
#C4D7DD
#C6DAD9
#C7DDD4
#C9E0CF
#CBE2CB
#CDE6C5
#C2D0E6
#C4D4E0
#C6D7DA
#C9DBD5
#CBDECF
#CDE2C9
#D0E6C2
Colorpallet from #C2E6D0 to #E6C2D0 and to #E6D0C2
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C8E0D0
#C8E0D0
#C8E1CF
#C8E1CF
#C8E1CF
#C8E2CE
#C8E2CE
#CEDAD0
#CEDBCF
#CEDCCF
#CEDCCE
#CEDDCD
#CEDECD
#CEDFCC
#D3D5D0
#D3D6CF
#D3D7CE
#D3D8CD
#D3D9CC
#D3DACA
#D3DBC9
#D9CFD0
#D9D0CF
#D9D2CD
#D9D3CC
#D9D5CA
#D9D6C9
#D9D8C7
#DFC9D0
#DFCBCE
#DFCDCC
#DFCECB
#DFD0C9
#DFD2C7
#DFD4C5
#E6C2D0
#E6C4CE
#E6C6CC
#E6C9C9
#E6CBC7
#E6CDC5
#E6D0C2
Colorpallet from #C2E6D0 to #E6C2D0 and to #D0C2E6
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C8E0D0
#C7E0D1
#C7E0D1
#C6E0D2
#C5E0D3
#C5E0D3
#C4E0D4
#CEDAD0
#CDDAD1
#CBDAD2
#CADAD3
#C9DAD4
#C8DAD6
#C6DAD7
#D3D5D0
#D1D5D2
#D0D5D4
#CED5D5
#CDD5D7
#CBD5D9
#C9D5DB
#D9CFD0
#D7CFD2
#D5CFD4
#D2CFD7
#D0CFD9
#CECFDB
#CBCFDE
#DFC9D0
#DCC9D3
#D9C9D6
#D6C9D9
#D3C9DC
#D1C9DE
#CDC9E2
#E6C2D0
#E2C2D4
#DFC2D7
#DBC2DB
#D8C2DE
#D4C2E2
#D0C2E6
Colorpallet from #C2E6D0 to #E6C2D0 and to #D0E6C2
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C8E0D0
#C7E1D0
#C7E2CF
#C6E3CF
#C5E4CF
#C5E5CE
#C4E6CE
#CEDAD0
#CDDCCF
#CBDECF
#CAE0CE
#C9E2CD
#C8E4CD
#C6E6CC
#D3D5D0
#D1D8CF
#D0DACE
#CEDDCD
#CDE0CC
#CBE3CA
#C9E6C9
#D9CFD0
#D7D3CF
#D5D6CD
#D2DACC
#D0DECA
#CEE1C9
#CBE6C7
#DFC9D0
#DCCECE
#D9D2CC
#D6D7CB
#D3DCC9
#D1E0C7
#CDE6C5
#E6C2D0
#E2C8CE
#DFCECC
#DBD3C9
#D8D9C7
#D4DFC5
#D0E6C2
Colorpallet from #C2E6D0 to #E6D0C2 and to #D0C2E6
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C8E2CE
#C7E2CF
#C7E1D0
#C6E1D1
#C5E1D2
#C5E0D3
#C4E0D4
#CEDFCC
#CDDECE
#CBDDD0
#CADDD1
#C9DCD3
#C8DBD5
#C6DAD7
#D3DBC9
#D1DACC
#D0D9CF
#CED8D2
#CDD7D5
#CBD6D7
#C9D5DB
#D9D8C7
#D7D7CB
#D5D5CE
#D2D4D2
#D0D2D6
#CED1D9
#CBCFDE
#DFD4C5
#DCD2CA
#D9D0CE
#D6CFD3
#D3CDD8
#D1CBDC
#CDC9E2
#E6D0C2
#E2CEC8
#DFCCCE
#DBC9D3
#D8C7D9
#D4C5DF
#D0C2E6
Colorpallet from #C2E6D0 to #E6D0C2 and to #D0E6C2
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C8E2CE
#C7E3CE
#C7E3CE
#C6E4CE
#C5E5CE
#C5E5CE
#C4E6CE
#CEDFCC
#CDE0CC
#CBE1CC
#CAE2CC
#C9E3CC
#C8E5CC
#C6E6CC
#D3DBC9
#D1DDC9
#D0DFC9
#CEE0C9
#CDE2C9
#CBE4C9
#C9E6C9
#D9D8C7
#D7DAC7
#D5DCC7
#D2DFC7
#D0E1C7
#CEE3C7
#CBE6C7
#DFD4C5
#DCD7C5
#D9DAC5
#D6DDC5
#D3E0C5
#D1E2C5
#CDE6C5
#E6D0C2
#E2D4C2
#DFD7C2
#DBDBC2
#D8DEC2
#D4E2C2
#D0E6C2
Colorpallet from #C2E6D0 to #D0C2E6 and to #D0E6C2
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C2E6D0
#C4E0D4
#C4E1D3
#C4E2D2
#C4E3D1
#C4E4D0
#C4E5CF
#C4E6CE
#C6DAD7
#C6DCD5
#C6DED3
#C6E0D2
#C6E2D0
#C6E4CE
#C6E6CC
#C9D5DB
#C9D8D8
#C9DAD5
#C9DDD2
#C9E0CF
#C9E3CD
#C9E6C9
#CBCFDE
#CBD3DA
#CBD6D7
#CBDAD3
#CBDECF
#CBE1CC
#CBE6C7
#CDC9E2
#CDCEDD
#CDD2D9
#CDD7D4
#CDDCCF
#CDE0CB
#CDE6C5
#D0C2E6
#D0C8E0
#D0CEDA
#D0D3D5
#D0D9CF
#D0DFC9
#D0E6C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts