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 #E8CED2 to #E8D2CE and to #CEE8D2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CFD1
#E7CFD1
#E7D0D1
#E6D0D1
#E5D1D2
#E5D1D2
#E4D2D2
#E8CFD1
#E7D0D1
#E5D1D1
#E4D2D1
#E3D3D2
#E2D5D2
#E0D6D2
#E8D0D0
#E6D2D0
#E4D3D1
#E2D5D1
#E0D6D1
#DED8D2
#DCDAD2
#E8D1CF
#E5D3CF
#E3D5D0
#E0D8D0
#DDDAD1
#DADCD1
#D7DFD2
#E8D1CF
#E5D4CF
#E1D7D0
#DEDAD0
#DBDDD1
#D7DFD1
#D3E3D2
#E8D2CE
#E4D6CF
#E0D9CF
#DCDDD0
#D7E0D1
#D3E4D1
#CEE8D2
Colorpallet from #E8CED2 to #E8D2CE and to #CED2E8
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CFD1
#E7CFD2
#E7CFD3
#E6CFD3
#E5CFD4
#E5CFD5
#E4CFD6
#E8CFD1
#E7CFD2
#E5CFD4
#E4CFD5
#E3CFD6
#E2CFD7
#E0CFD9
#E8D0D0
#E6D0D2
#E4D0D4
#E2D0D6
#E0D0D8
#DED0DA
#DCD0DD
#E8D1CF
#E5D1D2
#E3D1D4
#E0D1D7
#DDD1DA
#DAD1DD
#D7D1E0
#E8D1CF
#E5D1D2
#E1D1D6
#DED1D9
#DBD1DC
#D7D1E0
#D3D1E4
#E8D2CE
#E4D2D2
#E0D2D6
#DCD2DA
#D7D2DF
#D3D2E3
#CED2E8
Colorpallet from #E8CED2 to #E8D2CE and to #D2E8CE
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CFD1
#E7CFD1
#E7D0D1
#E6D0D1
#E5D1D1
#E5D1D1
#E4D2D1
#E8CFD1
#E7D0D1
#E6D1D1
#E5D2D1
#E4D3D1
#E2D5D1
#E1D6D1
#E8D0D0
#E6D2D0
#E4D3D0
#E3D5D0
#E1D6D0
#DFD8D0
#DDDAD0
#E8D1CF
#E6D3CF
#E4D5CF
#E1D8CF
#DFDACF
#DDDCCF
#DADFCF
#E8D1CF
#E5D4CF
#E2D7CF
#DFDACF
#DCDDCF
#DADFCF
#D6E3CF
#E8D2CE
#E4D6CE
#E1D9CE
#DDDDCE
#DAE0CE
#D6E4CE
#D2E8CE
Colorpallet from #E8CED2 to #E8D2CE and to #D2CEE8
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CFD1
#E7CFD2
#E7CFD3
#E6CFD3
#E5CED4
#E5CED5
#E4CED6
#E8CFD1
#E7CFD2
#E6CFD4
#E5CFD5
#E4CED6
#E2CED7
#E1CED9
#E8D0D0
#E6D0D2
#E4CFD4
#E3CFD6
#E1CFD8
#DFCEDA
#DDCEDD
#E8D1CF
#E6D1D2
#E4D0D4
#E1D0D7
#DFCFDA
#DDCFDD
#DACEE0
#E8D1CF
#E5D1D2
#E2D0D6
#DFD0D9
#DCCFDC
#DACFE0
#D6CEE4
#E8D2CE
#E4D1D2
#E1D1D6
#DDD0DA
#DACFDF
#D6CFE3
#D2CEE8
Colorpallet from #E8CED2 to #CEE8D2 and to #CED2E8
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E4D2D2
#E4D2D3
#E4D1D3
#E4D1D4
#E4D0D5
#E4D0D5
#E4CFD6
#E0D6D2
#E0D5D3
#E0D4D4
#E0D3D5
#E0D2D6
#E0D0D8
#E0CFD9
#DCDAD2
#DCD8D4
#DCD7D6
#DCD5D7
#DCD4D9
#DCD2DB
#DCD0DD
#D7DFD2
#D7DDD4
#D7DBD6
#D7D8D9
#D7D6DB
#D7D4DD
#D7D1E0
#D3E3D2
#D3E0D5
#D3DDD8
#D3DADB
#D3D7DE
#D3D5E0
#D3D1E4
#CEE8D2
#CEE4D6
#CEE1D9
#CEDDDD
#CEDAE0
#CED6E4
#CED2E8
Colorpallet from #E8CED2 to #CEE8D2 and to #D2E8CE
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E4D2D2
#E4D2D2
#E4D2D2
#E4D2D2
#E4D2D1
#E4D2D1
#E4D2D1
#E0D6D2
#E0D6D2
#E0D6D2
#E0D6D2
#E1D6D1
#E1D6D1
#E1D6D1
#DCDAD2
#DCDAD2
#DCDAD1
#DCDAD1
#DDDAD1
#DDDAD0
#DDDAD0
#D7DFD2
#D7DFD2
#D8DFD1
#D8DFD1
#D9DFD0
#D9DFD0
#DADFCF
#D3E3D2
#D3E3D2
#D4E3D1
#D4E3D1
#D5E3D0
#D5E3D0
#D6E3CF
#CEE8D2
#CFE8D1
#CFE8D1
#D0E8D0
#D1E8CF
#D1E8CF
#D2E8CE
Colorpallet from #E8CED2 to #CEE8D2 and to #D2CEE8
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E4D2D2
#E4D1D3
#E4D1D3
#E4D0D4
#E4CFD5
#E4CFD5
#E4CED6
#E0D6D2
#E0D5D3
#E0D3D4
#E0D2D5
#E1D1D6
#E1D0D8
#E1CED9
#DCDAD2
#DCD8D4
#DCD6D6
#DCD4D7
#DDD2D9
#DDD0DB
#DDCEDD
#D7DFD2
#D7DCD4
#D8DAD6
#D8D7D9
#D9D4DB
#D9D1DD
#DACEE0
#D3E3D2
#D3E0D5
#D4DCD8
#D4D9DB
#D5D6DE
#D5D2E0
#D6CEE4
#CEE8D2
#CFE4D6
#CFE0D9
#D0DCDD
#D1D7E0
#D1D3E4
#D2CEE8
Colorpallet from #E8CED2 to #CED2E8 and to #D2E8CE
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E4CFD6
#E4CFD5
#E4D0D4
#E4D0D4
#E4D1D3
#E4D1D2
#E4D2D1
#E0CFD9
#E0D0D8
#E0D1D6
#E0D2D5
#E1D3D4
#E1D5D3
#E1D6D1
#DCD0DD
#DCD2DB
#DCD3D9
#DCD5D7
#DDD6D5
#DDD8D3
#DDDAD0
#D7D1E0
#D7D3DD
#D8D5DB
#D8D8D8
#D9DAD5
#D9DCD2
#DADFCF
#D3D1E4
#D3D4E1
#D4D7DD
#D4DADA
#D5DDD7
#D5DFD3
#D6E3CF
#CED2E8
#CFD6E4
#CFD9E0
#D0DDDC
#D1E0D7
#D1E4D3
#D2E8CE
Colorpallet from #E8CED2 to #CED2E8 and to #D2CEE8
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E4CFD6
#E4CFD6
#E4CFD6
#E4CFD6
#E4CED6
#E4CED6
#E4CED6
#E0CFD9
#E0CFD9
#E0CFD9
#E0CFD9
#E1CED9
#E1CED9
#E1CED9
#DCD0DD
#DCD0DD
#DCCFDD
#DCCFDD
#DDCFDD
#DDCEDD
#DDCEDD
#D7D1E0
#D7D1E0
#D8D0E0
#D8D0E0
#D9CFE0
#D9CFE0
#DACEE0
#D3D1E4
#D3D1E4
#D4D0E4
#D4D0E4
#D5CFE4
#D5CFE4
#D6CEE4
#CED2E8
#CFD1E8
#CFD1E8
#D0D0E8
#D1CFE8
#D1CFE8
#D2CEE8
Colorpallet from #E8CED2 to #D2E8CE and to #D2CEE8
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E8CED2
#E4D2D1
#E4D1D2
#E4D1D3
#E4D0D3
#E4CFD4
#E4CFD5
#E4CED6
#E1D6D1
#E1D5D2
#E1D3D4
#E1D2D5
#E1D1D6
#E1D0D7
#E1CED9
#DDDAD0
#DDD8D2
#DDD6D4
#DDD4D6
#DDD2D8
#DDD0DA
#DDCEDD
#DADFCF
#DADCD2
#DADAD4
#DAD7D7
#DAD4DA
#DAD1DD
#DACEE0
#D6E3CF
#D6E0D2
#D6DCD6
#D6D9D9
#D6D6DC
#D6D2E0
#D6CEE4
#D2E8CE
#D2E4D2
#D2E0D6
#D2DCDA
#D2D7DF
#D2D3E3
#D2CEE8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts