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 #D4CCE9 to #D4E9CC and to #CCD4E9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4D1E4
#D4D0E5
#D4D0E6
#D4CFE6
#D3CEE7
#D3CEE8
#D3CDE9
#D4D5E0
#D4D4E1
#D3D3E3
#D3D2E4
#D2D1E6
#D2D0E7
#D1CFE9
#D4DADB
#D3D8DD
#D3D7DF
#D2D5E2
#D1D4E4
#D1D2E6
#D0D0E9
#D4DFD6
#D3DDD9
#D2DBDC
#D2D8DF
#D1D6E2
#D0D4E5
#CFD1E9
#D4E3D2
#D3E0D6
#D2DED9
#D1DBDD
#D0D8E1
#CFD5E4
#CED2E9
#D4E9CC
#D3E6D1
#D1E2D5
#D0DFDA
#CFDCDF
#CED8E3
#CCD4E9
Colorpallet from #D4CCE9 to #D4E9CC and to #CCE9D4
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4D1E4
#D4D1E4
#D4D1E5
#D4D1E5
#D3D1E5
#D3D1E6
#D3D1E6
#D4D5E0
#D4D5E0
#D3D5E1
#D3D5E1
#D2D5E1
#D2D5E2
#D1D5E2
#D4DADB
#D3DADC
#D3DADC
#D2DADD
#D1DADE
#D1DADE
#D0DADF
#D4DFD6
#D3DFD7
#D2DFD8
#D2DFD9
#D1DFDA
#D0DFDB
#CFDFDC
#D4E3D2
#D3E3D3
#D2E3D4
#D1E3D5
#D0E3D6
#CFE3D7
#CEE3D8
#D4E9CC
#D3E9CD
#D1E9CF
#D0E9D0
#CFE9D1
#CEE9D2
#CCE9D4
Colorpallet from #D4CCE9 to #D4E9CC and to #E9D4CC
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4D1E4
#D4D0E4
#D5D0E4
#D5CFE4
#D6CEE4
#D6CEE4
#D7CDE4
#D4D5E0
#D5D4E0
#D6D3E0
#D7D2E0
#D8D1E0
#DAD0E0
#DBCFE0
#D4DADB
#D6D8DB
#D7D7DB
#D9D5DB
#DAD4DB
#DCD2DB
#DED0DB
#D4DFD6
#D6DDD6
#D8DBD6
#DAD8D6
#DCD6D6
#DED4D6
#E1D1D6
#D4E3D2
#D7E0D2
#D9DED2
#DCDBD2
#DFD8D2
#E2D5D2
#E5D2D2
#D4E9CC
#D7E6CC
#DBE2CC
#DEDFCC
#E1DCCC
#E5D8CC
#E9D4CC
Colorpallet from #D4CCE9 to #D4E9CC and to #E9CCD4
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4D1E4
#D4D0E4
#D5CFE5
#D5CFE5
#D6CEE5
#D6CDE6
#D7CCE6
#D4D5E0
#D5D4E0
#D6D2E1
#D7D1E1
#D8CFE1
#DACEE2
#DBCCE2
#D4DADB
#D6D8DC
#D7D6DC
#D9D3DD
#DAD1DE
#DCCFDE
#DECCDF
#D4DFD6
#D6DCD7
#D8D9D8
#DAD6D9
#DCD3DA
#DED0DB
#E1CCDC
#D4E3D2
#D7DFD3
#D9DCD4
#DCD8D5
#DFD4D6
#E2D1D7
#E5CCD8
#D4E9CC
#D7E4CD
#DBE0CF
#DEDBD0
#E1D6D1
#E5D2D2
#E9CCD4
Colorpallet from #D4CCE9 to #CCD4E9 and to #CCE9D4
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D3CDE9
#D3CEE9
#D3CEE8
#D3CFE8
#D3D0E7
#D3D0E7
#D3D1E6
#D1CFE9
#D1D0E8
#D1D1E7
#D1D2E6
#D1D3E5
#D1D4E3
#D1D5E2
#D0D0E9
#D0D2E7
#D0D3E6
#D0D5E4
#D0D6E3
#D0D8E1
#D0DADF
#CFD1E9
#CFD3E7
#CFD5E5
#CFD8E3
#CFDAE1
#CFDCDF
#CFDFDC
#CED2E9
#CED5E6
#CED7E4
#CEDAE1
#CEDDDE
#CEE0DB
#CEE3D8
#CCD4E9
#CCD7E6
#CCDBE2
#CCDEDF
#CCE1DC
#CCE5D8
#CCE9D4
Colorpallet from #D4CCE9 to #CCD4E9 and to #E9D4CC
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D3CDE9
#D4CDE8
#D4CDE7
#D5CDE7
#D6CDE6
#D6CDE5
#D7CDE4
#D1CFE9
#D3CFE8
#D4CFE6
#D6CFE5
#D7CFE3
#D9CFE2
#DBCFE0
#D0D0E9
#D2D0E7
#D4D0E5
#D7D0E2
#D9D0E0
#DBD0DE
#DED0DB
#CFD1E9
#D2D1E6
#D5D1E3
#D8D1E0
#DBD1DD
#DDD1DA
#E1D1D6
#CED2E9
#D2D2E5
#D5D2E2
#D9D2DE
#DDD2DA
#E0D2D7
#E5D2D2
#CCD4E9
#D1D4E4
#D5D4E0
#DAD4DB
#DFD4D6
#E3D4D2
#E9D4CC
Colorpallet from #D4CCE9 to #CCD4E9 and to #E9CCD4
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D3CDE9
#D4CDE9
#D4CDE8
#D5CDE8
#D6CCE7
#D6CCE7
#D7CCE6
#D1CFE9
#D3CFE8
#D4CEE7
#D6CEE6
#D7CDE5
#D9CDE3
#DBCCE2
#D0D0E9
#D2CFE7
#D4CFE6
#D7CEE4
#D9CDE3
#DBCDE1
#DECCDF
#CFD1E9
#D2D0E7
#D5CFE5
#D8CFE3
#DBCEE1
#DDCDDF
#E1CCDC
#CED2E9
#D2D1E6
#D5D0E4
#D9CFE1
#DDCEDE
#E0CDDB
#E5CCD8
#CCD4E9
#D1D3E6
#D5D1E2
#DAD0DF
#DFCFDC
#E3CED8
#E9CCD4
Colorpallet from #D4CCE9 to #CCE9D4 and to #E9D4CC
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D3D1E6
#D4D0E6
#D4D0E5
#D5CFE5
#D6CEE5
#D6CEE4
#D7CDE4
#D1D5E2
#D3D4E2
#D4D3E1
#D6D2E1
#D7D1E1
#D9D0E0
#DBCFE0
#D0DADF
#D2D8DE
#D4D7DE
#D7D5DD
#D9D4DC
#DBD2DC
#DED0DB
#CFDFDC
#D2DDDB
#D5DBDA
#D8D8D9
#DBD6D8
#DDD4D7
#E1D1D6
#CEE3D8
#D2E0D7
#D5DED6
#D9DBD5
#DDD8D4
#E0D5D3
#E5D2D2
#CCE9D4
#D1E6D3
#D5E2D1
#DADFD0
#DFDCCF
#E3D8CE
#E9D4CC
Colorpallet from #D4CCE9 to #CCE9D4 and to #E9CCD4
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D3D1E6
#D4D0E6
#D4CFE6
#D5CFE6
#D6CEE6
#D6CDE6
#D7CCE6
#D1D5E2
#D3D4E2
#D4D2E2
#D6D1E2
#D7CFE2
#D9CEE2
#DBCCE2
#D0DADF
#D2D8DF
#D4D6DF
#D7D3DF
#D9D1DF
#DBCFDF
#DECCDF
#CFDFDC
#D2DCDC
#D5D9DC
#D8D6DC
#DBD3DC
#DDD0DC
#E1CCDC
#CEE3D8
#D2DFD8
#D5DCD8
#D9D8D8
#DDD4D8
#E0D1D8
#E5CCD8
#CCE9D4
#D1E4D4
#D5E0D4
#DADBD4
#DFD6D4
#E3D2D4
#E9CCD4
Colorpallet from #D4CCE9 to #E9D4CC and to #E9CCD4
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D4CCE9
#D7CDE4
#D7CDE4
#D7CDE5
#D7CDE5
#D7CCE5
#D7CCE6
#D7CCE6
#DBCFE0
#DBCFE0
#DBCEE1
#DBCEE1
#DBCDE1
#DBCDE2
#DBCCE2
#DED0DB
#DECFDC
#DECFDC
#DECEDD
#DECDDE
#DECDDE
#DECCDF
#E1D1D6
#E1D0D7
#E1CFD8
#E1CFD9
#E1CEDA
#E1CDDB
#E1CCDC
#E5D2D2
#E5D1D3
#E5D0D4
#E5CFD5
#E5CED6
#E5CDD7
#E5CCD8
#E9D4CC
#E9D3CD
#E9D1CF
#E9D0D0
#E9CFD1
#E9CED2
#E9CCD4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
