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 #C3E1E2 to #C3E2E1 and to #E1C3E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C4E0E2
#C5DFE2
#C5DFE2
#C6DEE2
#C7DDE2
#C8DCE2
#C3E1E2
#C5DFE2
#C6DEE2
#C8DCE2
#C9DBE2
#CBD9E2
#CDD7E2
#C3E1E2
#C5DFE2
#C7DDE2
#CADAE2
#CCD8E2
#CED6E2
#D1D3E2
#C3E2E1
#C6DFE1
#C9DCE1
#CCD8E1
#CFD5E2
#D2D2E2
#D6CEE2
#C3E2E1
#C7DEE1
#CBDAE1
#CFD6E1
#D2D2E2
#D6CEE2
#DBC9E2
#C3E2E1
#C8DDE1
#CDD8E1
#D1D3E1
#D6CEE2
#DBC9E2
#E1C3E2
Colorpallet from #C3E1E2 to #C3E2E1 and to #E1E2C3
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C4E1E1
#C5E1E0
#C5E1E0
#C6E1DF
#C7E1DE
#C8E1DD
#C3E1E2
#C5E1E0
#C6E1DF
#C8E1DD
#C9E1DC
#CBE1DA
#CDE1D8
#C3E1E2
#C5E1E0
#C7E1DD
#CAE1DB
#CCE1D8
#CEE1D6
#D1E1D3
#C3E2E1
#C6E2DE
#C9E2DB
#CCE2D8
#CFE2D5
#D2E2D2
#D6E2CE
#C3E2E1
#C7E2DD
#CBE2D9
#CFE2D5
#D2E2D2
#D6E2CE
#DBE2C9
#C3E2E1
#C8E2DC
#CDE2D7
#D1E2D3
#D6E2CE
#DBE2C9
#E1E2C3
Colorpallet from #C3E1E2 to #C3E2E1 and to #E2C3E1
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C4E0E2
#C5DFE2
#C5DFE2
#C6DEE2
#C7DDE2
#C8DCE2
#C3E1E2
#C5DFE2
#C6DEE2
#C8DCE2
#C9DBE2
#CBD9E2
#CDD7E2
#C3E1E2
#C5DFE2
#C8DDE2
#CADAE2
#CDD8E2
#CFD6E2
#D2D3E2
#C3E2E1
#C6DFE1
#C9DCE1
#CDD8E1
#D0D5E1
#D3D2E1
#D7CEE1
#C3E2E1
#C7DEE1
#CBDAE1
#CFD6E1
#D3D2E1
#D7CEE1
#DCC9E1
#C3E2E1
#C8DDE1
#CDD8E1
#D2D3E1
#D7CEE1
#DCC9E1
#E2C3E1
Colorpallet from #C3E1E2 to #C3E2E1 and to #E2E1C3
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C4E1E1
#C5E1E0
#C5E1E0
#C6E1DF
#C7E1DE
#C8E1DD
#C3E1E2
#C5E1E0
#C6E1DF
#C8E1DD
#C9E1DC
#CBE1DA
#CDE1D8
#C3E1E2
#C5E1E0
#C8E1DD
#CAE1DB
#CDE1D8
#CFE1D6
#D2E1D3
#C3E2E1
#C6E2DE
#C9E2DB
#CDE2D8
#D0E1D5
#D3E1D2
#D7E1CE
#C3E2E1
#C7E2DD
#CBE2D9
#CFE2D5
#D3E1D2
#D7E1CE
#DCE1C9
#C3E2E1
#C8E2DC
#CDE2D7
#D2E2D3
#D7E1CE
#DCE1C9
#E2E1C3
Colorpallet from #C3E1E2 to #E1C3E2 and to #E1E2C3
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C8DCE2
#C8DDE1
#C8DEE0
#C8DEE0
#C8DFDF
#C8E0DE
#C8E1DD
#CDD7E2
#CDD9E0
#CDDADF
#CDDCDD
#CDDDDC
#CDDFDA
#CDE1D8
#D1D3E2
#D1D5E0
#D1D7DD
#D1DADB
#D1DCD8
#D1DED6
#D1E1D3
#D6CEE2
#D6D1DF
#D6D4DC
#D6D8D8
#D6DBD5
#D6DED2
#D6E2CE
#DBC9E2
#DBCDDE
#DBD1DA
#DBD5D6
#DBD9D2
#DBDDCE
#DBE2C9
#E1C3E2
#E1C8DD
#E1CDD8
#E1D2D3
#E1D7CE
#E1DCC9
#E1E2C3
Colorpallet from #C3E1E2 to #E1C3E2 and to #E2C3E1
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C8DCE2
#C8DCE2
#C8DCE2
#C8DCE2
#C8DCE2
#C8DCE2
#C8DCE2
#CDD7E2
#CDD7E2
#CDD7E2
#CDD7E2
#CDD7E2
#CDD7E2
#CDD7E2
#D1D3E2
#D1D3E2
#D1D3E2
#D1D3E2
#D2D3E2
#D2D3E2
#D2D3E2
#D6CEE2
#D6CEE2
#D6CEE2
#D6CEE2
#D7CEE1
#D7CEE1
#D7CEE1
#DBC9E2
#DBC9E2
#DBC9E2
#DBC9E2
#DCC9E1
#DCC9E1
#DCC9E1
#E1C3E2
#E1C3E2
#E1C3E2
#E1C3E2
#E2C3E1
#E2C3E1
#E2C3E1
Colorpallet from #C3E1E2 to #E1C3E2 and to #E2E1C3
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C8DCE2
#C8DDE1
#C8DEE0
#C8DEE0
#C8DFDF
#C8E0DE
#C8E1DD
#CDD7E2
#CDD9E0
#CDDADF
#CDDCDD
#CDDDDC
#CDDFDA
#CDE1D8
#D1D3E2
#D1D5E0
#D1D7DD
#D1DADB
#D2DCD8
#D2DED6
#D2E1D3
#D6CEE2
#D6D1DF
#D6D4DC
#D6D7D8
#D7DAD5
#D7DDD2
#D7E1CE
#DBC9E2
#DBCDDE
#DBD1DA
#DBD5D6
#DCD8D2
#DCDCCE
#DCE1C9
#E1C3E2
#E1C8DD
#E1CDD8
#E1D1D3
#E2D6CE
#E2DBC9
#E2E1C3
Colorpallet from #C3E1E2 to #E1E2C3 and to #E2C3E1
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C8E1DD
#C8E0DE
#C8DFDF
#C8DFDF
#C8DEE0
#C8DDE1
#C8DCE2
#CDE1D8
#CDDFDA
#CDDEDB
#CDDCDD
#CDDBDE
#CDD9E0
#CDD7E2
#D1E1D3
#D1DFD5
#D1DDD8
#D1DADA
#D2D8DD
#D2D6DF
#D2D3E2
#D6E2CE
#D6DFD1
#D6DCD4
#D6D8D7
#D7D5DA
#D7D2DD
#D7CEE1
#DBE2C9
#DBDECD
#DBDAD1
#DBD6D5
#DCD2D8
#DCCEDC
#DCC9E1
#E1E2C3
#E1DDC8
#E1D8CD
#E1D3D1
#E2CED6
#E2C9DB
#E2C3E1
Colorpallet from #C3E1E2 to #E1E2C3 and to #E2E1C3
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C8E1DD
#C8E1DD
#C8E1DD
#C8E1DD
#C8E1DD
#C8E1DD
#C8E1DD
#CDE1D8
#CDE1D8
#CDE1D8
#CDE1D8
#CDE1D8
#CDE1D8
#CDE1D8
#D1E1D3
#D1E1D3
#D1E1D3
#D1E1D3
#D2E1D3
#D2E1D3
#D2E1D3
#D6E2CE
#D6E2CE
#D6E2CE
#D6E2CE
#D7E1CE
#D7E1CE
#D7E1CE
#DBE2C9
#DBE2C9
#DBE2C9
#DBE2C9
#DCE1C9
#DCE1C9
#DCE1C9
#E1E2C3
#E1E2C3
#E1E2C3
#E1E2C3
#E2E1C3
#E2E1C3
#E2E1C3
Colorpallet from #C3E1E2 to #E2C3E1 and to #E2E1C3
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C3E1E2
#C8DCE2
#C8DDE1
#C8DEE0
#C8DEE0
#C8DFDF
#C8E0DE
#C8E1DD
#CDD7E2
#CDD9E0
#CDDADF
#CDDCDD
#CDDDDC
#CDDFDA
#CDE1D8
#D2D3E2
#D2D5E0
#D2D7DD
#D2DADB
#D2DCD8
#D2DED6
#D2E1D3
#D7CEE1
#D7D1DE
#D7D4DB
#D7D7D8
#D7DAD5
#D7DDD2
#D7E1CE
#DCC9E1
#DCCDDD
#DCD1D9
#DCD5D5
#DCD8D2
#DCDCCE
#DCE1C9
#E2C3E1
#E2C8DC
#E2CDD7
#E2D1D3
#E2D6CE
#E2DBC9
#E2E1C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts