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 #CDD7E9 to #CDE9D7 and to #D7CDE9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDDAE6
#CDD9E6
#CED8E7
#CED8E7
#CED7E8
#CFD6E8
#CFD5E9
#CDDDE3
#CDDCE4
#CEDAE5
#CED9E6
#CFD7E7
#CFD6E8
#D0D4E9
#CDE0E0
#CEDEE1
#CFDCE3
#CFD9E4
#D0D7E6
#D1D5E7
#D2D2E9
#CDE3DD
#CEE0DF
#CFDDE1
#D0DAE3
#D1D7E5
#D2D5E7
#D3D1E9
#CDE5DB
#CEE1DD
#D0DEDF
#D1DAE2
#D2D7E4
#D3D3E6
#D5CFE9
#CDE9D7
#CFE5DA
#D0E0DD
#D2DCE0
#D3D7E3
#D5D3E5
#D7CDE9
Colorpallet from #CDD7E9 to #CDE9D7 and to #D7E9CD
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDDAE6
#CDDAE6
#CEDAE6
#CEDAE6
#CEDAE5
#CFDAE5
#CFDAE5
#CDDDE3
#CDDDE3
#CEDDE2
#CEDDE2
#CFDDE1
#CFDDE1
#D0DDE0
#CDE0E0
#CEE0DF
#CFE0DF
#CFE0DE
#D0E0DD
#D1E0DD
#D2E0DC
#CDE3DD
#CEE3DC
#CFE3DB
#D0E3DA
#D1E3D9
#D2E3D8
#D3E3D7
#CDE5DB
#CEE5DA
#D0E5D8
#D1E5D7
#D2E5D6
#D3E5D5
#D5E5D3
#CDE9D7
#CFE9D5
#D0E9D4
#D2E9D2
#D3E9D1
#D5E9CF
#D7E9CD
Colorpallet from #CDD7E9 to #CDE9D7 and to #E9CDD7
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDDAE6
#CED9E6
#CED8E6
#CFD8E6
#D0D7E6
#D0D6E6
#D1D5E6
#CDDDE3
#CEDCE3
#D0DAE3
#D1D9E3
#D3D7E3
#D4D6E3
#D6D4E3
#CDE0E0
#CFDEE0
#D1DCE0
#D3D9E0
#D5D7E0
#D7D5E0
#DAD2E0
#CDE3DD
#D0E0DD
#D3DDDD
#D6DADD
#D9D7DD
#DBD5DD
#DFD1DD
#CDE5DB
#D1E1DB
#D4DEDB
#D8DADB
#DBD7DB
#DFD3DB
#E3CFDB
#CDE9D7
#D1E5D7
#D6E0D7
#DADCD7
#DFD7D7
#E3D3D7
#E9CDD7
Colorpallet from #CDD7E9 to #CDE9D7 and to #E9D7CD
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDDAE6
#CEDAE6
#CED9E6
#CFD9E6
#D0D8E5
#D0D8E5
#D1D7E5
#CDDDE3
#CEDCE3
#D0DBE2
#D1DAE2
#D3D9E1
#D4D8E1
#D6D7E0
#CDE0E0
#CFDFDF
#D1DDDF
#D3DCDE
#D5DADD
#D7D9DD
#DAD7DC
#CDE3DD
#D0E1DC
#D3DFDB
#D6DDDA
#D9DBD9
#DBD9D8
#DFD7D7
#CDE5DB
#D1E3DA
#D4E1D8
#D8DED7
#DBDCD6
#DFDAD5
#E3D7D3
#CDE9D7
#D1E6D5
#D6E3D4
#DAE0D2
#DFDDD1
#E3DBCF
#E9D7CD
Colorpallet from #CDD7E9 to #D7CDE9 and to #D7E9CD
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CFD5E9
#CFD6E8
#CFD7E8
#CFD7E7
#CFD8E6
#CFD9E6
#CFDAE5
#D0D4E9
#D0D5E8
#D0D7E6
#D0D8E5
#D0DAE3
#D0DBE2
#D0DDE0
#D2D2E9
#D2D4E7
#D2D6E5
#D2D9E3
#D2DBE1
#D2DDDF
#D2E0DC
#D3D1E9
#D3D4E6
#D3D7E3
#D3DAE0
#D3DDDD
#D3DFDB
#D3E3D7
#D5CFE9
#D5D3E5
#D5D6E2
#D5DADE
#D5DDDB
#D5E1D7
#D5E5D3
#D7CDE9
#D7D1E5
#D7D6E0
#D7DADC
#D7DFD7
#D7E3D3
#D7E9CD
Colorpallet from #CDD7E9 to #D7CDE9 and to #E9CDD7
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CFD5E9
#CFD5E9
#D0D5E8
#D0D5E8
#D0D5E7
#D1D5E7
#D1D5E6
#D0D4E9
#D1D4E8
#D2D4E7
#D3D4E6
#D4D4E5
#D5D4E4
#D6D4E3
#D2D2E9
#D3D2E8
#D5D2E6
#D6D2E5
#D7D2E3
#D8D2E2
#DAD2E0
#D3D1E9
#D5D1E7
#D7D1E5
#D9D1E3
#DBD1E1
#DDD1DF
#DFD1DD
#D5CFE9
#D7CFE7
#D9CFE5
#DCCFE2
#DECFE0
#E0CFDE
#E3CFDB
#D7CDE9
#DACDE6
#DDCDE3
#E0CDE0
#E3CDDD
#E5CDDB
#E9CDD7
Colorpallet from #CDD7E9 to #D7CDE9 and to #E9D7CD
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CFD5E9
#CFD5E8
#D0D6E8
#D0D6E7
#D0D6E6
#D1D7E6
#D1D7E5
#D0D4E9
#D1D4E8
#D2D5E6
#D3D5E5
#D4D6E3
#D5D6E2
#D6D7E0
#D2D2E9
#D3D3E7
#D5D4E5
#D6D4E3
#D7D5E1
#D8D6DF
#DAD7DC
#D3D1E9
#D5D2E6
#D7D3E3
#D9D4E0
#DBD5DD
#DDD6DB
#DFD7D7
#D5CFE9
#D7D0E5
#D9D2E2
#DCD3DE
#DED4DB
#E0D5D7
#E3D7D3
#D7CDE9
#DACFE5
#DDD0E0
#E0D2DC
#E3D3D7
#E5D5D3
#E9D7CD
Colorpallet from #CDD7E9 to #D7E9CD and to #E9CDD7
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CFDAE5
#CFD9E5
#D0D8E5
#D0D8E5
#D0D7E6
#D1D6E6
#D1D5E6
#D0DDE0
#D1DCE0
#D2DAE1
#D3D9E1
#D4D7E2
#D5D6E2
#D6D4E3
#D2E0DC
#D3DEDD
#D5DCDD
#D6D9DE
#D7D7DF
#D8D5DF
#DAD2E0
#D3E3D7
#D5E0D8
#D7DDD9
#D9DADA
#DBD7DB
#DDD5DC
#DFD1DD
#D5E5D3
#D7E1D4
#D9DED6
#DCDAD7
#DED7D8
#E0D3D9
#E3CFDB
#D7E9CD
#DAE5CF
#DDE0D0
#E0DCD2
#E3D7D3
#E5D3D5
#E9CDD7
Colorpallet from #CDD7E9 to #D7E9CD and to #E9D7CD
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CFDAE5
#CFDAE5
#D0D9E5
#D0D9E5
#D0D8E5
#D1D8E5
#D1D7E5
#D0DDE0
#D1DCE0
#D2DBE0
#D3DAE0
#D4D9E0
#D5D8E0
#D6D7E0
#D2E0DC
#D3DFDC
#D5DDDC
#D6DCDC
#D7DADC
#D8D9DC
#DAD7DC
#D3E3D7
#D5E1D7
#D7DFD7
#D9DDD7
#DBDBD7
#DDD9D7
#DFD7D7
#D5E5D3
#D7E3D3
#D9E1D3
#DCDED3
#DEDCD3
#E0DAD3
#E3D7D3
#D7E9CD
#DAE6CD
#DDE3CD
#E0E0CD
#E3DDCD
#E5DBCD
#E9D7CD
Colorpallet from #CDD7E9 to #E9CDD7 and to #E9D7CD
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#CDD7E9
#D1D5E6
#D1D5E6
#D1D6E6
#D1D6E6
#D1D6E5
#D1D7E5
#D1D7E5
#D6D4E3
#D6D4E3
#D6D5E2
#D6D5E2
#D6D6E1
#D6D6E1
#D6D7E0
#DAD2E0
#DAD3DF
#DAD4DF
#DAD4DE
#DAD5DD
#DAD6DD
#DAD7DC
#DFD1DD
#DFD2DC
#DFD3DB
#DFD4DA
#DFD5D9
#DFD6D8
#DFD7D7
#E3CFDB
#E3D0DA
#E3D2D8
#E3D3D7
#E3D4D6
#E3D5D5
#E3D7D3
#E9CDD7
#E9CFD5
#E9D0D4
#E9D2D2
#E9D3D1
#E9D5CF
#E9D7CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts