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 #C7E8D9 to #C7D9E8 and to #E8C7D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E6DB
#C8E6DB
#C9E5DA
#C9E5DA
#CAE4DA
#CBE4D9
#CCE3D9
#C7E3DE
#C9E2DD
#CBE1DC
#CCE0DC
#CEDFDB
#D0DEDA
#D2DDD9
#C7E1E0
#CAE0DF
#CCDEDE
#CFDDDD
#D1DBDC
#D4DADA
#D7D8D9
#C7DEE3
#CADCE1
#CEDAE0
#D1D9DE
#D4D7DD
#D8D5DB
#DCD3D9
#C7DCE5
#CBDAE3
#CFD8E1
#D3D5DF
#D8D3DD
#DCD1DB
#E1CED9
#C7D9E8
#CCD6E6
#D2D3E3
#D7D0E1
#DCCDDE
#E1CBDC
#E8C7D9
Colorpallet from #C7E8D9 to #C7D9E8 and to #E8D9C7
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E6DB
#C8E6DA
#C9E6D9
#C9E6D9
#CAE6D8
#CBE6D7
#CCE6D6
#C7E3DE
#C9E3DC
#CBE3DA
#CCE3D9
#CEE3D7
#D0E3D5
#D2E3D3
#C7E1E0
#CAE1DD
#CCE1DB
#CFE1D8
#D1E1D6
#D4E1D3
#D7E1D0
#C7DEE3
#CADEDF
#CEDEDC
#D1DED8
#D4DED5
#D8DED1
#DCDECD
#C7DCE5
#CBDCE1
#CFDCDD
#D3DCD9
#D8DCD4
#DCDCD0
#E1DCCB
#C7D9E8
#CCD9E3
#D2D9DD
#D7D9D8
#DCD9D3
#E1D9CE
#E8D9C7
Colorpallet from #C7E8D9 to #C7D9E8 and to #D9C7E8
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E6DB
#C7E6DB
#C8E5DB
#C8E5DB
#C9E4DB
#C9E4DB
#CAE3DB
#C7E3DE
#C8E2DE
#C9E1DE
#CAE0DE
#CBDFDE
#CCDEDE
#CDDDDE
#C7E1E0
#C8E0E0
#CADEE0
#CBDDE0
#CDDBE0
#CEDAE0
#D0D8E0
#C7DEE3
#C9DCE3
#CBDAE3
#CDD9E3
#CFD7E3
#D1D5E3
#D3D3E3
#C7DCE5
#C9DAE5
#CBD8E5
#CED5E5
#D0D3E5
#D2D1E5
#D5CEE5
#C7D9E8
#CAD6E8
#CDD3E8
#D0D0E8
#D3CDE8
#D5CBE8
#D9C7E8
Colorpallet from #C7E8D9 to #C7D9E8 and to #D9E8C7
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E6DB
#C7E6DA
#C8E7D9
#C8E7D9
#C9E7D8
#C9E8D7
#CAE8D6
#C7E3DE
#C8E4DC
#C9E5DA
#CAE5D9
#CBE6D7
#CCE7D5
#CDE8D3
#C7E1E0
#C8E2DD
#CAE3DB
#CBE4D8
#CDE5D6
#CEE7D3
#D0E8D0
#C7DEE3
#C9E0DF
#CBE1DC
#CDE3D8
#CFE4D5
#D1E6D1
#D3E8CD
#C7DCE5
#C9DEE1
#CBE0DD
#CEE2D9
#D0E4D4
#D2E6D0
#D5E8CB
#C7D9E8
#CADBE3
#CDDEDD
#D0E0D8
#D3E3D3
#D5E5CE
#D9E8C7
Colorpallet from #C7E8D9 to #E8C7D9 and to #E8D9C7
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#CCE3D9
#CCE3D9
#CCE4D8
#CCE4D8
#CCE5D7
#CCE5D7
#CCE6D6
#D2DDD9
#D2DED8
#D2DFD7
#D2E0D6
#D2E1D5
#D2E2D4
#D2E3D3
#D7D8D9
#D7D9D8
#D7DBD6
#D7DCD5
#D7DED3
#D7DFD2
#D7E1D0
#DCD3D9
#DCD5D7
#DCD7D5
#DCD8D3
#DCDAD1
#DCDCCF
#DCDECD
#E1CED9
#E1D0D7
#E1D2D5
#E1D5D2
#E1D7D0
#E1D9CE
#E1DCCB
#E8C7D9
#E8CAD6
#E8CDD3
#E8D0D0
#E8D3CD
#E8D5CB
#E8D9C7
Colorpallet from #C7E8D9 to #E8C7D9 and to #D9C7E8
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#CCE3D9
#CCE3D9
#CBE3DA
#CBE3DA
#CBE3DA
#CAE3DB
#CAE3DB
#D2DDD9
#D1DDDA
#D0DDDB
#D0DDDB
#CFDDDC
#CEDDDD
#CDDDDE
#D7D8D9
#D6D8DA
#D5D8DB
#D4D8DC
#D3D8DD
#D1D8DF
#D0D8E0
#DCD3D9
#DBD3DB
#D9D3DC
#D8D3DE
#D6D3DF
#D5D3E1
#D3D3E3
#E1CED9
#DFCEDB
#DDCEDD
#DBCEDF
#D9CEE1
#D7CEE3
#D5CEE5
#E8C7D9
#E6C7DB
#E3C7DE
#E1C7E0
#DEC7E3
#DCC7E5
#D9C7E8
Colorpallet from #C7E8D9 to #E8C7D9 and to #D9E8C7
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#CCE3D9
#CCE4D9
#CBE5D8
#CBE5D8
#CBE6D7
#CAE7D7
#CAE8D6
#D2DDD9
#D1DFD8
#D0E1D7
#D0E2D6
#CFE4D5
#CEE6D4
#CDE8D3
#D7D8D9
#D6DBD8
#D5DDD6
#D4E0D5
#D3E2D3
#D1E5D2
#D0E8D0
#DCD3D9
#DBD6D7
#D9DAD5
#D8DDD3
#D6E0D1
#D5E4CF
#D3E8CD
#E1CED9
#DFD2D7
#DDD6D5
#DBDAD2
#D9DFD0
#D7E3CE
#D5E8CB
#E8C7D9
#E6CCD6
#E3D2D3
#E1D7D0
#DEDCCD
#DCE1CB
#D9E8C7
Colorpallet from #C7E8D9 to #E8D9C7 and to #D9C7E8
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#CCE6D6
#CCE6D7
#CBE5D8
#CBE5D8
#CBE4D9
#CAE4DA
#CAE3DB
#D2E3D3
#D1E2D5
#D0E1D7
#D0E0D8
#CFDFDA
#CEDEDC
#CDDDDE
#D7E1D0
#D6E0D3
#D5DED5
#D4DDD8
#D3DBDA
#D1DADD
#D0D8E0
#DCDECD
#DBDCD1
#D9DAD4
#D8D9D8
#D6D7DB
#D5D5DF
#D3D3E3
#E1DCCB
#DFDACF
#DDD8D3
#DBD5D7
#D9D3DC
#D7D1E0
#D5CEE5
#E8D9C7
#E6D6CC
#E3D3D2
#E1D0D7
#DECDDC
#DCCBE1
#D9C7E8
Colorpallet from #C7E8D9 to #E8D9C7 and to #D9E8C7
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#CCE6D6
#CCE6D6
#CBE7D6
#CBE7D6
#CBE7D6
#CAE8D6
#CAE8D6
#D2E3D3
#D1E4D3
#D0E5D3
#D0E5D3
#CFE6D3
#CEE7D3
#CDE8D3
#D7E1D0
#D6E2D0
#D5E3D0
#D4E4D0
#D3E5D0
#D1E7D0
#D0E8D0
#DCDECD
#DBE0CD
#D9E1CD
#D8E3CD
#D6E4CD
#D5E6CD
#D3E8CD
#E1DCCB
#DFDECB
#DDE0CB
#DBE2CB
#D9E4CB
#D7E6CB
#D5E8CB
#E8D9C7
#E6DBC7
#E3DEC7
#E1E0C7
#DEE3C7
#DCE5C7
#D9E8C7
Colorpallet from #C7E8D9 to #D9C7E8 and to #D9E8C7
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#C7E8D9
#CAE3DB
#CAE4DA
#CAE5D9
#CAE5D9
#CAE6D8
#CAE7D7
#CAE8D6
#CDDDDE
#CDDFDC
#CDE1DA
#CDE2D9
#CDE4D7
#CDE6D5
#CDE8D3
#D0D8E0
#D0DBDD
#D0DDDB
#D0E0D8
#D0E2D6
#D0E5D3
#D0E8D0
#D3D3E3
#D3D6DF
#D3DADC
#D3DDD8
#D3E0D5
#D3E4D1
#D3E8CD
#D5CEE5
#D5D2E1
#D5D6DD
#D5DAD9
#D5DFD4
#D5E3D0
#D5E8CB
#D9C7E8
#D9CCE3
#D9D2DD
#D9D7D8
#D9DCD3
#D9E1CE
#D9E8C7
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
