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 #CDE8D3 to #CDD3E8 and to #E8CDD3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE5D6
#CEE5D6
#CEE5D5
#CFE5D5
#D0E4D4
#D0E4D4
#D1E4D3
#CDE1DA
#CEE1D9
#D0E0D8
#D1E0D7
#D3E0D6
#D4DFD4
#D6DFD3
#CDDEDD
#CFDEDB
#D1DDDA
#D3DDD8
#D5DCD7
#D7DCD5
#DADBD3
#CDDBE0
#D0DADE
#D2DADC
#D5D9DA
#D8D8D8
#DBD8D6
#DED7D3
#CDD7E4
#D1D6E1
#D4D5DF
#D8D5DC
#DBD4D9
#DFD3D6
#E3D2D3
#CDD3E8
#D1D2E5
#D6D1E1
#DAD0DE
#DECFDB
#E3CED7
#E8CDD3
Colorpallet from #CDE8D3 to #CDD3E8 and to #E8D3CD
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE5D6
#CEE5D5
#CEE5D5
#CFE5D4
#D0E5D3
#D0E5D3
#D1E5D2
#CDE1DA
#CEE1D9
#D0E1D7
#D1E1D6
#D3E1D4
#D4E1D3
#D6E1D1
#CDDEDD
#CFDEDB
#D1DED9
#D3DED7
#D5DED5
#D7DED3
#DADED0
#CDDBE0
#D0DBDD
#D2DBDB
#D5DBD8
#D8DBD5
#DBDBD2
#DEDBCF
#CDD7E4
#D1D7E0
#D4D7DD
#D8D7D9
#DBD7D6
#DFD7D2
#E3D7CE
#CDD3E8
#D1D3E4
#D6D3DF
#DAD3DB
#DED3D7
#E3D3D2
#E8D3CD
Colorpallet from #CDE8D3 to #CDD3E8 and to #D3CDE8
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE5D6
#CDE5D6
#CDE5D6
#CDE5D6
#CEE4D6
#CEE4D6
#CEE4D6
#CDE1DA
#CDE1DA
#CEE0DA
#CEE0DA
#CEE0DA
#CFDFDA
#CFDFDA
#CDDEDD
#CDDEDD
#CEDDDD
#CEDDDD
#CFDCDD
#CFDCDD
#D0DBDD
#CDDBE0
#CEDAE0
#CEDAE0
#CFD9E0
#D0D8E0
#D0D8E0
#D1D7E0
#CDD7E4
#CED6E4
#CFD5E4
#CFD5E4
#D0D4E4
#D1D3E4
#D2D2E4
#CDD3E8
#CED2E8
#CFD1E8
#D0D0E8
#D1CFE8
#D2CEE8
#D3CDE8
Colorpallet from #CDE8D3 to #CDD3E8 and to #D3E8CD
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE5D6
#CDE5D5
#CDE6D5
#CDE6D4
#CEE7D3
#CEE7D3
#CEE8D2
#CDE1DA
#CDE2D9
#CEE3D7
#CEE4D6
#CEE5D4
#CFE7D3
#CFE8D1
#CDDEDD
#CDE0DB
#CEE1D9
#CEE3D7
#CFE4D5
#CFE6D3
#D0E8D0
#CDDBE0
#CEDDDD
#CEDFDB
#CFE1D8
#D0E3D5
#D0E5D2
#D1E8CF
#CDD7E4
#CEDAE0
#CFDCDD
#CFDFD9
#D0E2D6
#D1E5D2
#D2E8CE
#CDD3E8
#CED6E4
#CFDADF
#D0DDDB
#D1E0D7
#D2E4D2
#D3E8CD
Colorpallet from #CDE8D3 to #E8CDD3 and to #E8D3CD
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#D1E4D3
#D1E4D3
#D1E4D3
#D1E4D3
#D1E5D2
#D1E5D2
#D1E5D2
#D6DFD3
#D6DFD3
#D6E0D2
#D6E0D2
#D6E0D2
#D6E1D1
#D6E1D1
#DADBD3
#DADBD3
#DADCD2
#DADCD2
#DADDD1
#DADDD1
#DADED0
#DED7D3
#DED8D2
#DED8D2
#DED9D1
#DEDAD0
#DEDAD0
#DEDBCF
#E3D2D3
#E3D3D2
#E3D4D1
#E3D4D1
#E3D5D0
#E3D6CF
#E3D7CE
#E8CDD3
#E8CED2
#E8CFD1
#E8D0D0
#E8D1CF
#E8D2CE
#E8D3CD
Colorpallet from #CDE8D3 to #E8CDD3 and to #D3CDE8
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#D1E4D3
#D1E4D3
#D0E4D4
#D0E4D4
#CFE4D5
#CFE4D5
#CEE4D6
#D6DFD3
#D5DFD4
#D4DFD5
#D3DFD6
#D2DFD7
#D0DFD9
#CFDFDA
#DADBD3
#D8DBD5
#D7DBD6
#D5DBD8
#D4DBD9
#D2DBDB
#D0DBDD
#DED7D3
#DCD7D5
#DAD7D7
#D8D7D9
#D6D7DB
#D4D7DD
#D1D7E0
#E3D2D3
#E0D2D6
#DED2D8
#DBD2DB
#D8D2DE
#D5D2E1
#D2D2E4
#E8CDD3
#E5CDD6
#E1CDDA
#DECDDD
#DBCDE0
#D7CDE4
#D3CDE8
Colorpallet from #CDE8D3 to #E8CDD3 and to #D3E8CD
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#D1E4D3
#D1E5D3
#D0E5D3
#D0E6D3
#CFE7D2
#CFE7D2
#CEE8D2
#D6DFD3
#D5E0D3
#D4E2D2
#D3E3D2
#D2E5D2
#D0E6D1
#CFE8D1
#DADBD3
#D8DDD3
#D7DFD2
#D5E1D2
#D4E3D1
#D2E5D1
#D0E8D0
#DED7D3
#DCDAD2
#DADCD2
#D8DFD1
#D6E2D0
#D4E5D0
#D1E8CF
#E3D2D3
#E0D6D2
#DED9D1
#DBDDD1
#D8E0D0
#D5E4CF
#D2E8CE
#E8CDD3
#E5D1D2
#E1D6D1
#DEDAD0
#DBDECF
#D7E3CE
#D3E8CD
Colorpallet from #CDE8D3 to #E8D3CD and to #D3CDE8
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#D1E5D2
#D1E5D3
#D0E5D3
#D0E5D4
#CFE4D5
#CFE4D5
#CEE4D6
#D6E1D1
#D5E1D2
#D4E0D4
#D3E0D5
#D2E0D7
#D0DFD8
#CFDFDA
#DADED0
#D8DED2
#D7DDD4
#D5DDD6
#D4DCD8
#D2DCDA
#D0DBDD
#DEDBCF
#DCDAD2
#DADAD4
#D8D9D7
#D6D8DA
#D4D8DD
#D1D7E0
#E3D7CE
#E0D6D2
#DED5D5
#DBD5D9
#D8D4DC
#D5D3E0
#D2D2E4
#E8D3CD
#E5D2D1
#E1D1D6
#DED0DA
#DBCFDE
#D7CEE3
#D3CDE8
Colorpallet from #CDE8D3 to #E8D3CD and to #D3E8CD
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#D1E5D2
#D1E5D2
#D0E6D2
#D0E6D2
#CFE7D2
#CFE7D2
#CEE8D2
#D6E1D1
#D5E2D1
#D4E3D1
#D3E4D1
#D2E5D1
#D0E7D1
#CFE8D1
#DADED0
#D8E0D0
#D7E1D0
#D5E3D0
#D4E4D0
#D2E6D0
#D0E8D0
#DEDBCF
#DCDDCF
#DADFCF
#D8E1CF
#D6E3CF
#D4E5CF
#D1E8CF
#E3D7CE
#E0DACE
#DEDCCE
#DBDFCE
#D8E2CE
#D5E5CE
#D2E8CE
#E8D3CD
#E5D6CD
#E1DACD
#DEDDCD
#DBE0CD
#D7E4CD
#D3E8CD
Colorpallet from #CDE8D3 to #D3CDE8 and to #D3E8CD
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CDE8D3
#CEE4D6
#CEE5D5
#CEE5D5
#CEE6D4
#CEE7D3
#CEE7D3
#CEE8D2
#CFDFDA
#CFE0D9
#CFE2D7
#CFE3D6
#CFE5D4
#CFE6D3
#CFE8D1
#D0DBDD
#D0DDDB
#D0DFD9
#D0E1D7
#D0E3D5
#D0E5D3
#D0E8D0
#D1D7E0
#D1DADD
#D1DCDB
#D1DFD8
#D1E2D5
#D1E5D2
#D1E8CF
#D2D2E4
#D2D6E0
#D2D9DD
#D2DDD9
#D2E0D6
#D2E4D2
#D2E8CE
#D3CDE8
#D3D1E4
#D3D6DF
#D3DADB
#D3DED7
#D3E3D2
#D3E8CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts