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 #D2E1E6 to #D2E6E1 and to #E1D2E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E2E5
#D2E2E5
#D3E1E5
#D3E1E5
#D3E0E6
#D4E0E6
#D4DFE6
#D2E3E4
#D3E2E4
#D4E1E5
#D4E0E5
#D5DFE5
#D6DDE6
#D7DCE6
#D2E3E4
#D3E2E4
#D4E0E5
#D5DFE5
#D6DDE5
#D8DCE6
#D9DAE6
#D2E4E3
#D4E2E3
#D5E0E4
#D7DEE4
#D8DCE5
#DADAE5
#DCD7E6
#D2E5E2
#D4E2E3
#D6E0E3
#D8DDE4
#DADBE5
#DCD8E5
#DED5E6
#D2E6E1
#D4E3E2
#D7E0E3
#D9DCE3
#DCD9E4
#DED6E5
#E1D2E6
Colorpallet from #D2E1E6 to #D2E6E1 and to #E1E6D2
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E2E5
#D2E2E5
#D3E2E4
#D3E2E4
#D3E2E4
#D4E2E3
#D4E2E3
#D2E3E4
#D3E3E3
#D4E3E3
#D4E3E2
#D5E3E1
#D6E3E1
#D7E3E0
#D2E3E4
#D3E3E3
#D4E3E1
#D5E3E0
#D6E3DF
#D8E3DE
#D9E3DC
#D2E4E3
#D4E4E1
#D5E4E0
#D7E4DE
#D8E4DD
#DAE4DB
#DCE4D9
#D2E5E2
#D4E5E0
#D6E5DE
#D8E5DC
#DAE5DA
#DCE5D8
#DEE5D6
#D2E6E1
#D4E6DF
#D7E6DC
#D9E6DA
#DCE6D7
#DEE6D5
#E1E6D2
Colorpallet from #D2E1E6 to #D2E6E1 and to #E6D2E1
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E2E5
#D2E2E5
#D3E1E5
#D3E1E5
#D4E0E5
#D4E0E5
#D5DFE5
#D2E3E4
#D3E2E4
#D4E1E4
#D5E0E4
#D6DFE4
#D7DDE4
#D8DCE4
#D2E3E4
#D4E2E4
#D5E0E4
#D7DFE4
#D8DDE4
#DADCE4
#DCDAE4
#D2E4E3
#D4E2E3
#D6E0E3
#D8DEE3
#DADCE3
#DCDAE3
#DFD7E3
#D2E5E2
#D5E2E2
#D7E0E2
#DADDE2
#DCDBE2
#DFD8E2
#E2D5E2
#D2E6E1
#D5E3E1
#D8E0E1
#DCDCE1
#DFD9E1
#E2D6E1
#E6D2E1
Colorpallet from #D2E1E6 to #D2E6E1 and to #E6E1D2
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E2E5
#D2E2E5
#D3E2E4
#D3E2E4
#D4E1E4
#D4E1E3
#D5E1E3
#D2E3E4
#D3E3E3
#D4E2E3
#D5E2E2
#D6E2E1
#D7E1E1
#D8E1E0
#D2E3E4
#D4E3E3
#D5E2E1
#D7E2E0
#D8E2DF
#DAE1DE
#DCE1DC
#D2E4E3
#D4E4E1
#D6E3E0
#D8E3DE
#DAE2DD
#DCE2DB
#DFE1D9
#D2E5E2
#D5E4E0
#D7E4DE
#DAE3DC
#DCE2DA
#DFE2D8
#E2E1D6
#D2E6E1
#D5E5DF
#D8E4DC
#DCE4DA
#DFE3D7
#E2E2D5
#E6E1D2
Colorpallet from #D2E1E6 to #E1D2E6 and to #E1E6D2
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D4DFE6
#D4DFE6
#D4E0E5
#D4E0E5
#D4E1E4
#D4E1E4
#D4E2E3
#D7DCE6
#D7DDE5
#D7DEE4
#D7DFE3
#D7E0E2
#D7E2E1
#D7E3E0
#D9DAE6
#D9DBE4
#D9DDE3
#D9DEE1
#D9E0E0
#D9E1DE
#D9E3DC
#DCD7E6
#DCD9E4
#DCDBE2
#DCDDE0
#DCDFDE
#DCE1DC
#DCE4D9
#DED5E6
#DED8E3
#DEDAE1
#DEDDDE
#DEDFDC
#DEE2D9
#DEE5D6
#E1D2E6
#E1D5E3
#E1D8E0
#E1DCDC
#E1DFD9
#E1E2D6
#E1E6D2
Colorpallet from #D2E1E6 to #E1D2E6 and to #E6D2E1
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D4DFE6
#D4DFE6
#D4DFE6
#D4DFE6
#D5DFE5
#D5DFE5
#D5DFE5
#D7DCE6
#D7DCE6
#D7DCE5
#D7DCE5
#D8DCE5
#D8DCE4
#D8DCE4
#D9DAE6
#D9DAE6
#DADAE5
#DADAE5
#DBDAE5
#DBDAE4
#DCDAE4
#DCD7E6
#DCD7E6
#DDD7E5
#DDD7E5
#DED7E4
#DED7E4
#DFD7E3
#DED5E6
#DFD5E5
#DFD5E5
#E0D5E4
#E1D5E3
#E1D5E3
#E2D5E2
#E1D2E6
#E2D2E5
#E3D2E4
#E3D2E4
#E4D2E3
#E5D2E2
#E6D2E1
Colorpallet from #D2E1E6 to #E1D2E6 and to #E6E1D2
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D4DFE6
#D4DFE6
#D4E0E5
#D4E0E5
#D5E0E4
#D5E1E4
#D5E1E3
#D7DCE6
#D7DDE5
#D7DEE4
#D7DEE3
#D8DFE2
#D8E0E1
#D8E1E0
#D9DAE6
#D9DBE4
#DADCE3
#DADDE1
#DBDEE0
#DBE0DE
#DCE1DC
#DCD7E6
#DCD9E4
#DDDAE2
#DDDCE0
#DEDDDE
#DEDFDC
#DFE1D9
#DED5E6
#DFD7E3
#DFD9E1
#E0DBDE
#E1DDDC
#E1DFD9
#E2E1D6
#E1D2E6
#E2D4E3
#E3D7E0
#E3D9DC
#E4DCD9
#E5DED6
#E6E1D2
Colorpallet from #D2E1E6 to #E1E6D2 and to #E6D2E1
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D4E2E3
#D4E2E3
#D4E1E4
#D4E1E4
#D5E0E4
#D5E0E5
#D5DFE5
#D7E3E0
#D7E2E1
#D7E1E1
#D7E0E2
#D8DFE3
#D8DDE3
#D8DCE4
#D9E3DC
#D9E2DD
#DAE0DF
#DADFE0
#DBDDE1
#DBDCE2
#DCDAE4
#DCE4D9
#DCE2DB
#DDE0DC
#DDDEDE
#DEDCDF
#DEDAE1
#DFD7E3
#DEE5D6
#DFE2D8
#DFE0DA
#E0DDDC
#E1DBDE
#E1D8E0
#E2D5E2
#E1E6D2
#E2E3D4
#E3E0D7
#E3DCD9
#E4D9DC
#E5D6DE
#E6D2E1
Colorpallet from #D2E1E6 to #E1E6D2 and to #E6E1D2
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D4E2E3
#D4E2E3
#D4E2E3
#D4E2E3
#D5E1E3
#D5E1E3
#D5E1E3
#D7E3E0
#D7E3E0
#D7E2E0
#D7E2E0
#D8E2E0
#D8E1E0
#D8E1E0
#D9E3DC
#D9E3DC
#DAE2DC
#DAE2DC
#DBE2DC
#DBE1DC
#DCE1DC
#DCE4D9
#DCE4D9
#DDE3D9
#DDE3D9
#DEE2D9
#DEE2D9
#DFE1D9
#DEE5D6
#DFE4D6
#DFE4D6
#E0E3D6
#E1E2D6
#E1E2D6
#E2E1D6
#E1E6D2
#E2E5D2
#E3E4D2
#E3E4D2
#E4E3D2
#E5E2D2
#E6E1D2
Colorpallet from #D2E1E6 to #E6D2E1 and to #E6E1D2
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D2E1E6
#D5DFE5
#D5DFE5
#D5E0E4
#D5E0E4
#D5E0E4
#D5E1E3
#D5E1E3
#D8DCE4
#D8DDE3
#D8DEE3
#D8DEE2
#D8DFE1
#D8E0E1
#D8E1E0
#DCDAE4
#DCDBE3
#DCDCE1
#DCDDE0
#DCDEDF
#DCE0DE
#DCE1DC
#DFD7E3
#DFD9E1
#DFDAE0
#DFDCDE
#DFDDDD
#DFDFDB
#DFE1D9
#E2D5E2
#E2D7E0
#E2D9DE
#E2DBDC
#E2DDDA
#E2DFD8
#E2E1D6
#E6D2E1
#E6D4DF
#E6D7DC
#E6D9DA
#E6DCD7
#E6DED5
#E6E1D2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
