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 #D3CCE7 to #D3E7CC and to #CCD3E7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3D0E3
#D3D0E4
#D3CFE4
#D3CFE5
#D2CEE6
#D2CEE6
#D2CDE7
#D3D5DE
#D3D4DF
#D2D3E1
#D2D2E2
#D2D1E4
#D1CFE5
#D1CEE7
#D3D9DA
#D3D7DC
#D2D6DE
#D2D4E0
#D1D3E2
#D1D1E4
#D0CFE7
#D3DDD6
#D2DBD9
#D2D9DB
#D1D7DE
#D0D5E1
#D0D3E4
#CFD0E7
#D3E2D1
#D2DFD5
#D1DDD8
#D0DADC
#CFD8DF
#CED5E3
#CDD2E7
#D3E7CC
#D2E4D0
#D1E1D5
#D0DDD9
#CFDADD
#CDD7E2
#CCD3E7
Colorpallet from #D3CCE7 to #D3E7CC and to #CCE7D3
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3D0E3
#D3D0E3
#D3D0E3
#D3D0E3
#D2D0E4
#D2D0E4
#D2D0E4
#D3D5DE
#D3D5DE
#D2D5DF
#D2D5DF
#D2D5E0
#D1D5E0
#D1D5E1
#D3D9DA
#D3D9DA
#D2D9DB
#D2D9DB
#D1D9DC
#D1D9DC
#D0D9DD
#D3DDD6
#D2DDD7
#D2DDD7
#D1DDD8
#D0DDD9
#D0DDD9
#CFDDDA
#D3E2D1
#D2E2D2
#D1E2D3
#D0E2D4
#CFE2D5
#CEE2D6
#CDE2D7
#D3E7CC
#D2E7CD
#D1E7CE
#D0E7CF
#CFE7D0
#CDE7D2
#CCE7D3
Colorpallet from #D3CCE7 to #D3E7CC and to #E7D3CC
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3D0E3
#D3D0E3
#D4CFE3
#D4CFE3
#D5CEE3
#D5CEE3
#D6CDE3
#D3D5DE
#D4D4DE
#D5D3DE
#D6D2DE
#D7D1DE
#D8CFDE
#D9CEDE
#D3D9DA
#D5D7DA
#D6D6DA
#D8D4DA
#D9D3DA
#DBD1DA
#DDCFDA
#D3DDD6
#D5DBD6
#D7D9D6
#D9D7D6
#DBD5D6
#DDD3D6
#E0D0D6
#D3E2D1
#D6DFD1
#D8DDD1
#DBDAD1
#DDD8D1
#E0D5D1
#E3D2D1
#D3E7CC
#D6E4CC
#D9E1CC
#DDDDCC
#E0DACC
#E3D7CC
#E7D3CC
Colorpallet from #D3CCE7 to #D3E7CC and to #E7CCD3
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3D0E3
#D3CFE3
#D4CFE3
#D4CEE3
#D5CDE4
#D5CDE4
#D6CCE4
#D3D5DE
#D4D4DE
#D5D2DF
#D6D1DF
#D7CFE0
#D8CEE0
#D9CCE1
#D3D9DA
#D5D7DA
#D6D5DB
#D8D3DB
#D9D1DC
#DBCFDC
#DDCCDD
#D3DDD6
#D5DAD7
#D7D8D7
#D9D5D8
#DBD2D9
#DDCFD9
#E0CCDA
#D3E2D1
#D6DED2
#D8DBD3
#DBD7D4
#DDD4D5
#E0D0D6
#E3CCD7
#D3E7CC
#D6E3CD
#D9DECE
#DDDACF
#E0D6D0
#E3D1D2
#E7CCD3
Colorpallet from #D3CCE7 to #CCD3E7 and to #CCE7D3
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D2CDE7
#D2CDE7
#D2CEE6
#D2CEE6
#D2CFE5
#D2CFE5
#D2D0E4
#D1CEE7
#D1CFE6
#D1D0E5
#D1D1E4
#D1D2E3
#D1D4E2
#D1D5E1
#D0CFE7
#D0D1E5
#D0D2E4
#D0D4E2
#D0D5E1
#D0D7DF
#D0D9DD
#CFD0E7
#CFD2E5
#CFD4E3
#CFD6E1
#CFD8DF
#CFDADD
#CFDDDA
#CDD2E7
#CDD5E4
#CDD7E2
#CDDADF
#CDDCDD
#CDDFDA
#CDE2D7
#CCD3E7
#CCD6E4
#CCD9E1
#CCDDDD
#CCE0DA
#CCE3D7
#CCE7D3
Colorpallet from #D3CCE7 to #CCD3E7 and to #E7D3CC
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D2CDE7
#D3CDE6
#D3CDE6
#D4CDE5
#D5CDE4
#D5CDE4
#D6CDE3
#D1CEE7
#D2CEE6
#D4CEE4
#D5CEE3
#D6CEE1
#D7CEE0
#D9CEDE
#D0CFE7
#D2CFE5
#D4CFE3
#D6CFE1
#D8CFDF
#DACFDD
#DDCFDA
#CFD0E7
#D2D0E4
#D4D0E2
#D7D0DF
#DAD0DC
#DDD0D9
#E0D0D6
#CDD2E7
#D1D2E3
#D4D2E0
#D8D2DC
#DBD2D9
#DFD2D5
#E3D2D1
#CCD3E7
#D0D3E3
#D5D3DE
#D9D3DA
#DDD3D6
#E2D3D1
#E7D3CC
Colorpallet from #D3CCE7 to #CCD3E7 and to #E7CCD3
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D2CDE7
#D3CDE7
#D3CDE6
#D4CDE6
#D5CCE5
#D5CCE5
#D6CCE4
#D1CEE7
#D2CEE6
#D4CDE5
#D5CDE4
#D6CDE3
#D7CCE2
#D9CCE1
#D0CFE7
#D2CFE5
#D4CEE4
#D6CEE2
#D8CDE1
#DACDDF
#DDCCDD
#CFD0E7
#D2CFE5
#D4CFE3
#D7CEE1
#DACDDF
#DDCDDD
#E0CCDA
#CDD2E7
#D1D1E4
#D4D0E2
#D8CFDF
#DBCEDD
#DFCDDA
#E3CCD7
#CCD3E7
#D0D2E4
#D5D1E1
#D9D0DD
#DDCFDA
#E2CDD7
#E7CCD3
Colorpallet from #D3CCE7 to #CCE7D3 and to #E7D3CC
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D2D0E4
#D3D0E4
#D3CFE4
#D4CFE4
#D5CEE3
#D5CEE3
#D6CDE3
#D1D5E1
#D2D4E1
#D4D3E0
#D5D2E0
#D6D1DF
#D7CFDF
#D9CEDE
#D0D9DD
#D2D7DD
#D4D6DC
#D6D4DC
#D8D3DB
#DAD1DB
#DDCFDA
#CFDDDA
#D2DBD9
#D4D9D9
#D7D7D8
#DAD5D7
#DDD3D7
#E0D0D6
#CDE2D7
#D1DFD6
#D4DDD5
#D8DAD4
#DBD8D3
#DFD5D2
#E3D2D1
#CCE7D3
#D0E4D2
#D5E1D1
#D9DDD0
#DDDACF
#E2D7CD
#E7D3CC
Colorpallet from #D3CCE7 to #CCE7D3 and to #E7CCD3
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D2D0E4
#D3CFE4
#D3CFE4
#D4CEE4
#D5CDE4
#D5CDE4
#D6CCE4
#D1D5E1
#D2D4E1
#D4D2E1
#D5D1E1
#D6CFE1
#D7CEE1
#D9CCE1
#D0D9DD
#D2D7DD
#D4D5DD
#D6D3DD
#D8D1DD
#DACFDD
#DDCCDD
#CFDDDA
#D2DADA
#D4D8DA
#D7D5DA
#DAD2DA
#DDCFDA
#E0CCDA
#CDE2D7
#D1DED7
#D4DBD7
#D8D7D7
#DBD4D7
#DFD0D7
#E3CCD7
#CCE7D3
#D0E3D3
#D5DED3
#D9DAD3
#DDD6D3
#E2D1D3
#E7CCD3
Colorpallet from #D3CCE7 to #E7D3CC and to #E7CCD3
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D3CCE7
#D6CDE3
#D6CDE3
#D6CDE3
#D6CDE3
#D6CCE4
#D6CCE4
#D6CCE4
#D9CEDE
#D9CEDE
#D9CDDF
#D9CDDF
#D9CDE0
#D9CCE0
#D9CCE1
#DDCFDA
#DDCFDA
#DDCEDB
#DDCEDB
#DDCDDC
#DDCDDC
#DDCCDD
#E0D0D6
#E0CFD7
#E0CFD7
#E0CED8
#E0CDD9
#E0CDD9
#E0CCDA
#E3D2D1
#E3D1D2
#E3D0D3
#E3CFD4
#E3CED5
#E3CDD6
#E3CCD7
#E7D3CC
#E7D2CD
#E7D1CE
#E7D0CF
#E7CFD0
#E7CDD2
#E7CCD3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
