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 #C3E6D0 to #C3D0E6 and to #E6C3D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E2D4
#C4E2D3
#C5E1D3
#C6E1D2
#C7E1D1
#C8E0D1
#C9E0D0
#C3DFD7
#C5DED6
#C7DED5
#C8DDD4
#CADCD3
#CCDCD1
#CEDBD0
#C3DBDB
#C6DAD9
#C8D9D7
#CBD8D6
#CED7D4
#D1D6D2
#D4D5D0
#C3D8DE
#C7D7DC
#CAD5DA
#CED4D7
#D1D3D5
#D5D2D3
#D9D0D0
#C3D4E2
#C7D2DF
#CCD1DC
#D0CFD9
#D5CED6
#D9CCD4
#DFCAD0
#C3D0E6
#C9CEE2
#CECCDF
#D4CADB
#D9C8D8
#DFC6D4
#E6C3D0
Colorpallet from #C3E6D0 to #C3D0E6 and to #E6D0C3
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E2D4
#C4E2D3
#C5E2D2
#C6E2D1
#C7E2D0
#C8E2CF
#C9E2CE
#C3DFD7
#C5DFD5
#C7DFD3
#C8DFD2
#CADFD0
#CCDFCE
#CEDFCC
#C3DBDB
#C6DBD8
#C8DBD6
#CBDBD3
#CEDBD0
#D1DBCD
#D4DBCA
#C3D8DE
#C7D8DA
#CAD8D7
#CED8D3
#D1D8D0
#D5D8CC
#D9D8C8
#C3D4E2
#C7D4DE
#CCD4D9
#D0D4D5
#D5D4D0
#D9D4CC
#DFD4C6
#C3D0E6
#C9D0E0
#CED0DB
#D4D0D5
#D9D0D0
#DFD0CA
#E6D0C3
Colorpallet from #C3E6D0 to #C3D0E6 and to #D0C3E6
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E2D4
#C3E2D4
#C4E1D4
#C4E1D4
#C4E1D4
#C5E0D4
#C5E0D4
#C3DFD7
#C4DED7
#C4DED7
#C5DDD7
#C6DCD7
#C6DCD7
#C7DBD7
#C3DBDB
#C4DADB
#C5D9DB
#C6D8DB
#C7D7DB
#C8D6DB
#C9D5DB
#C3D8DE
#C4D7DE
#C6D5DE
#C7D4DE
#C8D3DE
#C9D2DE
#CBD0DE
#C3D4E2
#C5D2E2
#C6D1E2
#C8CFE2
#C9CEE2
#CBCCE2
#CDCAE2
#C3D0E6
#C5CEE6
#C7CCE6
#C9CAE6
#CBC8E6
#CDC6E6
#D0C3E6
Colorpallet from #C3E6D0 to #C3D0E6 and to #D0E6C3
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E2D4
#C3E3D3
#C4E3D2
#C4E4D1
#C4E5D0
#C5E5CF
#C5E6CE
#C3DFD7
#C4E0D5
#C4E1D3
#C5E2D2
#C6E3D0
#C6E5CE
#C7E6CC
#C3DBDB
#C4DDD8
#C5DFD6
#C6E0D3
#C7E2D0
#C8E4CD
#C9E6CA
#C3D8DE
#C4DADA
#C6DCD7
#C7DFD3
#C8E1D0
#C9E3CC
#CBE6C8
#C3D4E2
#C5D7DE
#C6DAD9
#C8DDD5
#C9E0D0
#CBE2CC
#CDE6C6
#C3D0E6
#C5D4E0
#C7D7DB
#C9DBD5
#CBDED0
#CDE2CA
#D0E6C3
Colorpallet from #C3E6D0 to #E6C3D0 and to #E6D0C3
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C9E0D0
#C9E0D0
#C9E1CF
#C9E1CF
#C9E1CF
#C9E2CE
#C9E2CE
#CEDBD0
#CEDCCF
#CEDCCF
#CEDDCE
#CEDECD
#CEDECD
#CEDFCC
#D4D5D0
#D4D6CF
#D4D7CE
#D4D8CD
#D4D9CC
#D4DACB
#D4DBCA
#D9D0D0
#D9D1CF
#D9D3CD
#D9D4CC
#D9D5CB
#D9D6CA
#D9D8C8
#DFCAD0
#DFCCCE
#DFCDCD
#DFCFCB
#DFD0CA
#DFD2C8
#DFD4C6
#E6C3D0
#E6C5CE
#E6C7CC
#E6C9CA
#E6CBC8
#E6CDC6
#E6D0C3
Colorpallet from #C3E6D0 to #E6C3D0 and to #D0C3E6
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C9E0D0
#C8E0D1
#C8E0D1
#C7E0D2
#C6E0D3
#C6E0D3
#C5E0D4
#CEDBD0
#CDDBD1
#CCDBD2
#CBDBD3
#CADBD4
#C8DBD6
#C7DBD7
#D4D5D0
#D2D5D2
#D0D5D4
#CFD5D5
#CDD5D7
#CBD5D9
#C9D5DB
#D9D0D0
#D7D0D2
#D5D0D4
#D2D0D7
#D0D0D9
#CED0DB
#CBD0DE
#DFCAD0
#DCCAD3
#D9CAD6
#D6CAD9
#D3CADC
#D1CADE
#CDCAE2
#E6C3D0
#E2C3D4
#DFC3D7
#DBC3DB
#D8C3DE
#D4C3E2
#D0C3E6
Colorpallet from #C3E6D0 to #E6C3D0 and to #D0E6C3
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C9E0D0
#C8E1D0
#C8E2CF
#C7E3CF
#C6E4CF
#C6E5CE
#C5E6CE
#CEDBD0
#CDDDCF
#CCDFCF
#CBE0CE
#CAE2CD
#C8E4CD
#C7E6CC
#D4D5D0
#D2D8CF
#D0DACE
#CFDDCD
#CDE0CC
#CBE3CB
#C9E6CA
#D9D0D0
#D7D4CF
#D5D7CD
#D2DBCC
#D0DECB
#CEE2CA
#CBE6C8
#DFCAD0
#DCCECE
#D9D3CD
#D6D7CB
#D3DCCA
#D1E0C8
#CDE6C6
#E6C3D0
#E2C9CE
#DFCECC
#DBD4CA
#D8D9C8
#D4DFC6
#D0E6C3
Colorpallet from #C3E6D0 to #E6D0C3 and to #D0C3E6
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C9E2CE
#C8E2CF
#C8E1D0
#C7E1D1
#C6E1D2
#C6E0D3
#C5E0D4
#CEDFCC
#CDDECE
#CCDED0
#CBDDD1
#CADCD3
#C8DCD5
#C7DBD7
#D4DBCA
#D2DACD
#D0D9CF
#CFD8D2
#CDD7D5
#CBD6D8
#C9D5DB
#D9D8C8
#D7D7CC
#D5D5CF
#D2D4D3
#D0D3D6
#CED2DA
#CBD0DE
#DFD4C6
#DCD2CA
#D9D1CF
#D6CFD3
#D3CED8
#D1CCDC
#CDCAE2
#E6D0C3
#E2CEC9
#DFCCCE
#DBCAD4
#D8C8D9
#D4C6DF
#D0C3E6
Colorpallet from #C3E6D0 to #E6D0C3 and to #D0E6C3
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C9E2CE
#C8E3CE
#C8E3CE
#C7E4CE
#C6E5CE
#C6E5CE
#C5E6CE
#CEDFCC
#CDE0CC
#CCE1CC
#CBE2CC
#CAE3CC
#C8E5CC
#C7E6CC
#D4DBCA
#D2DDCA
#D0DFCA
#CFE0CA
#CDE2CA
#CBE4CA
#C9E6CA
#D9D8C8
#D7DAC8
#D5DCC8
#D2DFC8
#D0E1C8
#CEE3C8
#CBE6C8
#DFD4C6
#DCD7C6
#D9DAC6
#D6DDC6
#D3E0C6
#D1E2C6
#CDE6C6
#E6D0C3
#E2D4C3
#DFD7C3
#DBDBC3
#D8DEC3
#D4E2C3
#D0E6C3
Colorpallet from #C3E6D0 to #D0C3E6 and to #D0E6C3
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C3E6D0
#C5E0D4
#C5E1D3
#C5E2D2
#C5E3D1
#C5E4D0
#C5E5CF
#C5E6CE
#C7DBD7
#C7DDD5
#C7DFD3
#C7E0D2
#C7E2D0
#C7E4CE
#C7E6CC
#C9D5DB
#C9D8D8
#C9DAD6
#C9DDD3
#C9E0D0
#C9E3CD
#C9E6CA
#CBD0DE
#CBD4DA
#CBD7D7
#CBDBD3
#CBDED0
#CBE2CC
#CBE6C8
#CDCAE2
#CDCEDE
#CDD3D9
#CDD7D5
#CDDCD0
#CDE0CC
#CDE6C6
#D0C3E6
#D0C9E0
#D0CEDB
#D0D4D5
#D0D9D0
#D0DFCA
#D0E6C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
