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 #CDD6E9 to #CDE9D6 and to #D6CDE9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD9E6
#CDD8E6
#CDD8E7
#CDD7E7
#CED6E8
#CED6E8
#CED5E9
#CDDCE3
#CDDBE4
#CED9E5
#CED8E6
#CFD6E7
#CFD5E8
#D0D3E9
#CDDFE0
#CEDDE1
#CEDBE3
#CFD9E4
#D0D7E6
#D0D5E7
#D1D2E9
#CDE2DD
#CEDFDF
#CFDCE1
#D0D9E3
#D1D6E5
#D2D4E7
#D3D0E9
#CDE5DA
#CEE1DC
#CFDEDF
#D0DAE1
#D1D7E4
#D3D3E6
#D4CFE9
#CDE9D6
#CEE5D9
#D0E0DC
#D1DCDF
#D3D7E2
#D4D3E5
#D6CDE9
Colorpallet from #CDD6E9 to #CDE9D6 and to #D6E9CD
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD9E6
#CDD9E6
#CDD9E6
#CDD9E6
#CED9E5
#CED9E5
#CED9E5
#CDDCE3
#CDDCE3
#CEDCE2
#CEDCE2
#CFDCE1
#CFDCE1
#D0DCE0
#CDDFE0
#CEDFDF
#CEDFDF
#CFDFDE
#D0DFDD
#D0DFDD
#D1DFDC
#CDE2DD
#CEE2DC
#CFE2DB
#D0E2DA
#D1E2D9
#D2E2D8
#D3E2D7
#CDE5DA
#CEE5D9
#CFE5D8
#D0E5D7
#D1E5D6
#D3E5D4
#D4E5D3
#CDE9D6
#CEE9D5
#D0E9D3
#D1E9D2
#D3E9D0
#D4E9CF
#D6E9CD
Colorpallet from #CDD6E9 to #CDE9D6 and to #E9CDD6
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD9E6
#CED8E6
#CED8E6
#CFD7E6
#D0D6E6
#D0D6E6
#D1D5E6
#CDDCE3
#CEDBE3
#D0D9E3
#D1D8E3
#D3D6E3
#D4D5E3
#D6D3E3
#CDDFE0
#CFDDE0
#D1DBE0
#D3D9E0
#D5D7E0
#D7D5E0
#DAD2E0
#CDE2DD
#D0DFDD
#D3DCDD
#D6D9DD
#D9D6DD
#DBD4DD
#DFD0DD
#CDE5DA
#D1E1DA
#D4DEDA
#D8DADA
#DBD7DA
#DFD3DA
#E3CFDA
#CDE9D6
#D1E5D6
#D6E0D6
#DADCD6
#DFD7D6
#E3D3D6
#E9CDD6
Colorpallet from #CDD6E9 to #CDE9D6 and to #E9D6CD
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD9E6
#CED9E6
#CED8E6
#CFD8E6
#D0D7E5
#D0D7E5
#D1D6E5
#CDDCE3
#CEDBE3
#D0DAE2
#D1D9E2
#D3D8E1
#D4D7E1
#D6D6E0
#CDDFE0
#CFDEDF
#D1DCDF
#D3DBDE
#D5D9DD
#D7D8DD
#DAD6DC
#CDE2DD
#D0E0DC
#D3DEDB
#D6DCDA
#D9DAD9
#DBD8D8
#DFD6D7
#CDE5DA
#D1E3D9
#D4E0D8
#D8DED7
#DBDBD6
#DFD9D4
#E3D6D3
#CDE9D6
#D1E6D5
#D6E3D3
#DAE0D2
#DFDDD0
#E3DACF
#E9D6CD
Colorpallet from #CDD6E9 to #D6CDE9 and to #D6E9CD
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CED5E9
#CED6E8
#CED6E8
#CED7E7
#CED8E6
#CED8E6
#CED9E5
#D0D3E9
#D0D4E8
#D0D6E6
#D0D7E5
#D0D9E3
#D0DAE2
#D0DCE0
#D1D2E9
#D1D4E7
#D1D6E5
#D1D8E3
#D1DAE1
#D1DCDF
#D1DFDC
#D3D0E9
#D3D3E6
#D3D6E3
#D3D9E0
#D3DCDD
#D3DEDB
#D3E2D7
#D4CFE9
#D4D3E5
#D4D6E2
#D4DADE
#D4DDDB
#D4E1D7
#D4E5D3
#D6CDE9
#D6D1E5
#D6D6E0
#D6DADC
#D6DFD7
#D6E3D3
#D6E9CD
Colorpallet from #CDD6E9 to #D6CDE9 and to #E9CDD6
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CED5E9
#CED5E9
#CFD5E8
#CFD5E8
#D0D5E7
#D0D5E7
#D1D5E6
#D0D3E9
#D1D3E8
#D2D3E7
#D3D3E6
#D4D3E5
#D5D3E4
#D6D3E3
#D1D2E9
#D2D2E8
#D4D2E6
#D5D2E5
#D7D2E3
#D8D2E2
#DAD2E0
#D3D0E9
#D5D0E7
#D7D0E5
#D9D0E3
#DBD0E1
#DDD0DF
#DFD0DD
#D4CFE9
#D6CFE7
#D9CFE4
#DBCFE2
#DECFDF
#E0CFDD
#E3CFDA
#D6CDE9
#D9CDE6
#DCCDE3
#DFCDE0
#E2CDDD
#E5CDDA
#E9CDD6
Colorpallet from #CDD6E9 to #D6CDE9 and to #E9D6CD
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CED5E9
#CED5E8
#CFD5E8
#CFD5E7
#D0D6E6
#D0D6E6
#D1D6E5
#D0D3E9
#D1D3E8
#D2D4E6
#D3D4E5
#D4D5E3
#D5D5E2
#D6D6E0
#D1D2E9
#D2D3E7
#D4D3E5
#D5D4E3
#D7D5E1
#D8D5DF
#DAD6DC
#D3D0E9
#D5D1E6
#D7D2E3
#D9D3E0
#DBD4DD
#DDD5DB
#DFD6D7
#D4CFE9
#D6D0E5
#D9D1E2
#DBD2DE
#DED3DB
#E0D5D7
#E3D6D3
#D6CDE9
#D9CEE5
#DCD0E0
#DFD1DC
#E2D3D7
#E5D4D3
#E9D6CD
Colorpallet from #CDD6E9 to #D6E9CD and to #E9CDD6
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CED9E5
#CED8E5
#CFD8E5
#CFD7E5
#D0D6E6
#D0D6E6
#D1D5E6
#D0DCE0
#D1DBE0
#D2D9E1
#D3D8E1
#D4D6E2
#D5D5E2
#D6D3E3
#D1DFDC
#D2DDDD
#D4DBDD
#D5D9DE
#D7D7DF
#D8D5DF
#DAD2E0
#D3E2D7
#D5DFD8
#D7DCD9
#D9D9DA
#DBD6DB
#DDD4DC
#DFD0DD
#D4E5D3
#D6E1D4
#D9DED5
#DBDAD6
#DED7D7
#E0D3D9
#E3CFDA
#D6E9CD
#D9E5CE
#DCE0D0
#DFDCD1
#E2D7D3
#E5D3D4
#E9CDD6
Colorpallet from #CDD6E9 to #D6E9CD and to #E9D6CD
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CED9E5
#CED9E5
#CFD8E5
#CFD8E5
#D0D7E5
#D0D7E5
#D1D6E5
#D0DCE0
#D1DBE0
#D2DAE0
#D3D9E0
#D4D8E0
#D5D7E0
#D6D6E0
#D1DFDC
#D2DEDC
#D4DCDC
#D5DBDC
#D7D9DC
#D8D8DC
#DAD6DC
#D3E2D7
#D5E0D7
#D7DED7
#D9DCD7
#DBDAD7
#DDD8D7
#DFD6D7
#D4E5D3
#D6E3D3
#D9E0D3
#DBDED3
#DEDBD3
#E0D9D3
#E3D6D3
#D6E9CD
#D9E6CD
#DCE3CD
#DFE0CD
#E2DDCD
#E5DACD
#E9D6CD
Colorpallet from #CDD6E9 to #E9CDD6 and to #E9D6CD
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#CDD6E9
#D1D5E6
#D1D5E6
#D1D5E6
#D1D5E6
#D1D6E5
#D1D6E5
#D1D6E5
#D6D3E3
#D6D3E3
#D6D4E2
#D6D4E2
#D6D5E1
#D6D5E1
#D6D6E0
#DAD2E0
#DAD3DF
#DAD3DF
#DAD4DE
#DAD5DD
#DAD5DD
#DAD6DC
#DFD0DD
#DFD1DC
#DFD2DB
#DFD3DA
#DFD4D9
#DFD5D8
#DFD6D7
#E3CFDA
#E3D0D9
#E3D1D8
#E3D2D7
#E3D3D6
#E3D5D4
#E3D6D3
#E9CDD6
#E9CED5
#E9D0D3
#E9D1D2
#E9D3D0
#E9D4CF
#E9D6CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts