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 #C4EEE2 to #C4E2EE and to #EEC4E2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4ECE4
#C5EBE4
#C6EAE3
#C7EAE3
#C8E9E3
#CAE8E2
#CBE7E2
#C4EAE6
#C6E9E5
#C8E7E5
#CAE6E4
#CCE4E3
#CEE3E3
#D1E1E2
#C4E8E8
#C7E6E7
#CAE4E6
#CEE1E5
#D1DFE4
#D4DDE3
#D8DAE2
#C4E6EA
#C8E3E9
#CDE0E7
#D1DDE6
#D5DAE5
#DAD7E4
#DFD3E2
#C4E4EC
#C9E0EA
#CFDCE9
#D4D8E7
#DAD5E6
#DFD1E4
#E6CCE2
#C4E2EE
#CBDDEC
#D1D8EA
#D8D4E8
#DFCFE6
#E6CAE4
#EEC4E2
Colorpallet from #C4EEE2 to #C4E2EE and to #EEE2C4
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4ECE4
#C5ECE3
#C6ECE2
#C7ECE1
#C8ECE0
#CAECDE
#CBECDD
#C4EAE6
#C6EAE4
#C8EAE2
#CAEADF
#CCEADD
#CEEADB
#D1EAD8
#C4E8E8
#C7E8E5
#CAE8E2
#CEE8DE
#D1E8DB
#D4E8D8
#D8E8D4
#C4E6EA
#C8E6E6
#CDE6E1
#D1E6DD
#D5E6D9
#DAE6D4
#DFE6CF
#C4E4EC
#C9E4E7
#CFE4E1
#D4E4DC
#DAE4D6
#DFE4D1
#E6E4CA
#C4E2EE
#CBE2E7
#D1E2E1
#D8E2DA
#DFE2D3
#E6E2CC
#EEE2C4
Colorpallet from #C4EEE2 to #C4E2EE and to #E2C4EE
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4ECE4
#C5EBE4
#C6EAE4
#C6EAE4
#C7E9E4
#C8E8E4
#C9E7E4
#C4EAE6
#C6E9E6
#C7E7E6
#C9E6E6
#CAE4E6
#CCE3E6
#CEE1E6
#C4E8E8
#C6E6E8
#C8E4E8
#CBE1E8
#CDDFE8
#CFDDE8
#D2DAE8
#C4E6EA
#C7E3EA
#CAE0EA
#CDDDEA
#D0DAEA
#D3D7EA
#D7D3EA
#C4E4EC
#C8E0EC
#CCDCEC
#D0D8EC
#D3D5EC
#D7D1EC
#DCCCEC
#C4E2EE
#C9DDEE
#CED8EE
#D2D4EE
#D7CFEE
#DCCAEE
#E2C4EE
Colorpallet from #C4EEE2 to #C4E2EE and to #E2EEC4
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4ECE4
#C5ECE3
#C6EDE2
#C6EDE1
#C7EDE0
#C8EEDE
#C9EEDD
#C4EAE6
#C6EBE4
#C7EBE2
#C9ECDF
#CAEDDD
#CCEDDB
#CEEED8
#C4E8E8
#C6E9E5
#C8EAE2
#CBEBDE
#CDECDB
#CFEDD8
#D2EED4
#C4E6EA
#C7E7E6
#CAE9E1
#CDEADD
#D0EBD9
#D3ECD4
#D7EECF
#C4E4EC
#C8E6E7
#CCE7E1
#D0E9DC
#D3EAD6
#D7ECD1
#DCEECA
#C4E2EE
#C9E4E7
#CEE6E1
#D2E8DA
#D7EAD3
#DCECCC
#E2EEC4
Colorpallet from #C4EEE2 to #EEC4E2 and to #EEE2C4
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#CBE7E2
#CBE8E1
#CBE9E0
#CBE9E0
#CBEADF
#CBEBDE
#CBECDD
#D1E1E2
#D1E2E0
#D1E4DF
#D1E5DD
#D1E7DC
#D1E8DA
#D1EAD8
#D8DAE2
#D8DCE0
#D8DEDE
#D8E1DB
#D8E3D9
#D8E5D7
#D8E8D4
#DFD3E2
#DFD6DF
#DFD9DC
#DFDCD9
#DFDFD6
#DFE2D3
#DFE6CF
#E6CCE2
#E6D0DE
#E6D4DA
#E6D8D6
#E6DBD3
#E6DFCF
#E6E4CA
#EEC4E2
#EEC9DD
#EECED8
#EED2D4
#EED7CF
#EEDCCA
#EEE2C4
Colorpallet from #C4EEE2 to #EEC4E2 and to #E2C4EE
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#CBE7E2
#CBE7E2
#CAE7E3
#CAE7E3
#CAE7E3
#C9E7E4
#C9E7E4
#D1E1E2
#D1E1E3
#D0E1E3
#D0E1E4
#CFE1E5
#CFE1E5
#CEE1E6
#D8DAE2
#D7DAE3
#D6DAE4
#D5DAE5
#D4DAE6
#D3DAE7
#D2DAE8
#DFD3E2
#DED3E3
#DCD3E5
#DBD3E6
#DAD3E7
#D9D3E8
#D7D3EA
#E6CCE2
#E4CCE4
#E3CCE5
#E1CCE7
#E0CCE8
#DECCEA
#DCCCEC
#EEC4E2
#ECC4E4
#EAC4E6
#E8C4E8
#E6C4EA
#E4C4EC
#E2C4EE
Colorpallet from #C4EEE2 to #EEC4E2 and to #E2EEC4
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#CBE7E2
#CBE8E1
#CAE9E0
#CAEAE0
#CAEBDF
#C9EDDE
#C9EEDD
#D1E1E2
#D1E3E0
#D0E5DF
#D0E7DD
#CFE9DC
#CFEBDA
#CEEED8
#D8DAE2
#D7DDE0
#D6E0DE
#D5E4DB
#D4E7D9
#D3EAD7
#D2EED4
#DFD3E2
#DED7DF
#DCDCDC
#DBE0D9
#DAE4D6
#D9E9D3
#D7EECF
#E6CCE2
#E4D1DE
#E3D7DA
#E1DCD6
#E0E2D3
#DEE7CF
#DCEECA
#EEC4E2
#ECCBDD
#EAD1D8
#E8D8D4
#E6DFCF
#E4E6CA
#E2EEC4
Colorpallet from #C4EEE2 to #EEE2C4 and to #E2C4EE
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#CBECDD
#CBEBDE
#CAEADF
#CAEAE0
#CAE9E1
#C9E8E3
#C9E7E4
#D1EAD8
#D1E9DA
#D0E7DC
#D0E6DF
#CFE4E1
#CFE3E3
#CEE1E6
#D8E8D4
#D7E6D7
#D6E4DA
#D5E1DE
#D4DFE1
#D3DDE4
#D2DAE8
#DFE6CF
#DEE3D3
#DCE0D8
#DBDDDC
#DADAE0
#D9D7E5
#D7D3EA
#E6E4CA
#E4E0CF
#E3DCD5
#E1D8DA
#E0D5E0
#DED1E5
#DCCCEC
#EEE2C4
#ECDDCB
#EAD8D1
#E8D4D8
#E6CFDF
#E4CAE6
#E2C4EE
Colorpallet from #C4EEE2 to #EEE2C4 and to #E2EEC4
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#CBECDD
#CBECDD
#CAEDDD
#CAEDDD
#CAEDDD
#C9EEDD
#C9EEDD
#D1EAD8
#D1EBD8
#D0EBD8
#D0ECD8
#CFEDD8
#CFEDD8
#CEEED8
#D8E8D4
#D7E9D4
#D6EAD4
#D5EBD4
#D4ECD4
#D3EDD4
#D2EED4
#DFE6CF
#DEE7CF
#DCE9CF
#DBEACF
#DAEBCF
#D9ECCF
#D7EECF
#E6E4CA
#E4E6CA
#E3E7CA
#E1E9CA
#E0EACA
#DEECCA
#DCEECA
#EEE2C4
#ECE4C4
#EAE6C4
#E8E8C4
#E6EAC4
#E4ECC4
#E2EEC4
Colorpallet from #C4EEE2 to #E2C4EE and to #E2EEC4
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C4EEE2
#C9E7E4
#C9E8E3
#C9E9E2
#C9EAE1
#C9EBE0
#C9EDDE
#C9EEDD
#CEE1E6
#CEE3E4
#CEE5E2
#CEE7DF
#CEE9DD
#CEEBDB
#CEEED8
#D2DAE8
#D2DDE5
#D2E0E2
#D2E4DE
#D2E7DB
#D2EAD8
#D2EED4
#D7D3EA
#D7D7E6
#D7DCE1
#D7E0DD
#D7E4D9
#D7E9D4
#D7EECF
#DCCCEC
#DCD1E7
#DCD7E1
#DCDCDC
#DCE2D6
#DCE7D1
#DCEECA
#E2C4EE
#E2CBE7
#E2D1E1
#E2D8DA
#E2DFD3
#E2E6CC
#E2EEC4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts