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 #D3C6ED to #D3EDC6 and to #C6D3ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3CCE7
#D3CBE8
#D2CBE9
#D2CAEA
#D2C9EB
#D1C9EC
#D1C8ED
#D3D2E1
#D2D1E3
#D2CFE5
#D1CEE7
#D0CDE9
#D0CCEB
#CFCAED
#D3D9DA
#D2D7DD
#D1D5E0
#D0D3E3
#CFD1E6
#CECFE9
#CDCCED
#D3DFD4
#D2DCD8
#D0DADC
#CFD7E0
#CED4E4
#CDD1E8
#CBCEED
#D3E5CE
#D1E2D3
#D0DED8
#CEDBDD
#CDD8E2
#CBD4E7
#C9D0ED
#D3EDC6
#D1E9CC
#CFE5D2
#CDE1D9
#CBDCDF
#C9D8E5
#C6D3ED
Colorpallet from #D3C6ED to #D3EDC6 and to #C6EDD3
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3CCE7
#D3CCE7
#D2CCE8
#D2CCE8
#D2CCE8
#D1CCE9
#D1CCE9
#D3D2E1
#D2D2E2
#D2D2E2
#D1D2E3
#D0D2E4
#D0D2E4
#CFD2E5
#D3D9DA
#D2D9DB
#D1D9DC
#D0D9DD
#CFD9DE
#CED9E0
#CDD9E1
#D3DFD4
#D2DFD5
#D0DFD7
#CFDFD8
#CEDFD9
#CDDFDA
#CBDFDC
#D3E5CE
#D1E5D0
#D0E5D1
#CEE5D3
#CDE5D4
#CBE5D6
#C9E5D8
#D3EDC6
#D1EDC8
#CFEDCA
#CDEDCC
#CBEDCE
#C9EDD0
#C6EDD3
Colorpallet from #D3C6ED to #D3EDC6 and to #EDD3C6
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3CCE7
#D4CBE7
#D4CBE7
#D5CAE7
#D6C9E7
#D6C9E7
#D7C8E7
#D3D2E1
#D4D1E1
#D6CFE1
#D7CEE1
#D8CDE1
#D9CCE1
#DBCAE1
#D3D9DA
#D5D7DA
#D7D5DA
#D9D3DA
#DBD1DA
#DDCFDA
#DFCCDA
#D3DFD4
#D6DCD4
#D8DAD4
#DBD7D4
#DED4D4
#E1D1D4
#E4CED4
#D3E5CE
#D6E2CE
#DADECE
#DDDBCE
#E0D8CE
#E4D4CE
#E8D0CE
#D3EDC6
#D7E9C6
#DBE5C6
#DFE1C6
#E4DCC6
#E8D8C6
#EDD3C6
Colorpallet from #D3C6ED to #D3EDC6 and to #EDC6D3
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3CCE7
#D4CBE7
#D4CAE8
#D5C9E8
#D6C8E8
#D6C7E9
#D7C6E9
#D3D2E1
#D4D0E2
#D6CEE2
#D7CCE3
#D8CAE4
#D9C8E4
#DBC6E5
#D3D9DA
#D5D6DB
#D7D3DC
#D9D0DD
#DBCDDE
#DDCAE0
#DFC6E1
#D3DFD4
#D6DBD5
#D8D7D7
#DBD3D8
#DECFD9
#E1CBDA
#E4C6DC
#D3E5CE
#D6E0D0
#DADBD1
#DDD6D3
#E0D1D4
#E4CCD6
#E8C6D8
#D3EDC6
#D7E7C8
#DBE1CA
#DFDACC
#E4D4CE
#E8CED0
#EDC6D3
Colorpallet from #D3C6ED to #C6D3ED and to #C6EDD3
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D1C8ED
#D1C9EC
#D1C9EC
#D1CAEB
#D1CBEA
#D1CBEA
#D1CCE9
#CFCAED
#CFCBEC
#CFCDEA
#CFCEE9
#CFCFE8
#CFD0E7
#CFD2E5
#CDCCED
#CDCEEB
#CDD0E9
#CDD2E7
#CDD4E5
#CDD6E3
#CDD9E1
#CBCEED
#CBD1EA
#CBD3E8
#CBD6E5
#CBD9E2
#CBDCDF
#CBDFDC
#C9D0ED
#C9D3EA
#C9D7E6
#C9DAE3
#C9DDE0
#C9E1DC
#C9E5D8
#C6D3ED
#C6D7E9
#C6DBE5
#C6DFE1
#C6E4DC
#C6E8D8
#C6EDD3
Colorpallet from #D3C6ED to #C6D3ED and to #EDD3C6
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D1C8ED
#D2C8EC
#D3C8EB
#D4C8EA
#D5C8E9
#D6C8E8
#D7C8E7
#CFCAED
#D1CAEB
#D3CAE9
#D5CAE7
#D7CAE5
#D9CAE3
#DBCAE1
#CDCCED
#D0CCEA
#D3CCE7
#D6CCE4
#D9CCE1
#DBCCDE
#DFCCDA
#CBCEED
#CFCEE9
#D3CEE5
#D7CEE1
#DBCEDD
#DFCED9
#E4CED4
#C9D0ED
#CED0E8
#D3D0E3
#D8D0DE
#DDD0D9
#E2D0D4
#E8D0CE
#C6D3ED
#CCD3E7
#D2D3E1
#D9D3DA
#DFD3D4
#E5D3CE
#EDD3C6
Colorpallet from #D3C6ED to #C6D3ED and to #EDC6D3
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D1C8ED
#D2C8EC
#D3C7EC
#D4C7EB
#D5C7EA
#D6C6EA
#D7C6E9
#CFCAED
#D1C9EC
#D3C9EA
#D5C8E9
#D7C7E8
#D9C7E7
#DBC6E5
#CDCCED
#D0CBEB
#D3CAE9
#D6C9E7
#D9C8E5
#DBC7E3
#DFC6E1
#CBCEED
#CFCDEA
#D3CBE8
#D7CAE5
#DBC9E2
#DFC8DF
#E4C6DC
#C9D0ED
#CECEEA
#D3CDE6
#D8CBE3
#DDCAE0
#E2C8DC
#E8C6D8
#C6D3ED
#CCD1E9
#D2CFE5
#D9CDE1
#DFCBDC
#E5C9D8
#EDC6D3
Colorpallet from #D3C6ED to #C6EDD3 and to #EDD3C6
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D1CCE9
#D2CBE9
#D3CBE8
#D4CAE8
#D5C9E8
#D6C9E7
#D7C8E7
#CFD2E5
#D1D1E4
#D3CFE4
#D5CEE3
#D7CDE2
#D9CCE2
#DBCAE1
#CDD9E1
#D0D7E0
#D3D5DF
#D6D3DE
#D9D1DD
#DBCFDB
#DFCCDA
#CBDFDC
#CFDCDB
#D3DAD9
#D7D7D8
#DBD4D7
#DFD1D6
#E4CED4
#C9E5D8
#CEE2D6
#D3DED5
#D8DBD3
#DDD8D2
#E2D4D0
#E8D0CE
#C6EDD3
#CCE9D1
#D2E5CF
#D9E1CD
#DFDCCB
#E5D8C9
#EDD3C6
Colorpallet from #D3C6ED to #C6EDD3 and to #EDC6D3
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D1CCE9
#D2CBE9
#D3CAE9
#D4C9E9
#D5C8E9
#D6C7E9
#D7C6E9
#CFD2E5
#D1D0E5
#D3CEE5
#D5CCE5
#D7CAE5
#D9C8E5
#DBC6E5
#CDD9E1
#D0D6E1
#D3D3E1
#D6D0E1
#D9CDE1
#DBCAE1
#DFC6E1
#CBDFDC
#CFDBDC
#D3D7DC
#D7D3DC
#DBCFDC
#DFCBDC
#E4C6DC
#C9E5D8
#CEE0D8
#D3DBD8
#D8D6D8
#DDD1D8
#E2CCD8
#E8C6D8
#C6EDD3
#CCE7D3
#D2E1D3
#D9DAD3
#DFD4D3
#E5CED3
#EDC6D3
Colorpallet from #D3C6ED to #EDD3C6 and to #EDC6D3
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D3C6ED
#D7C8E7
#D7C8E7
#D7C7E8
#D7C7E8
#D7C7E8
#D7C6E9
#D7C6E9
#DBCAE1
#DBC9E2
#DBC9E2
#DBC8E3
#DBC7E4
#DBC7E4
#DBC6E5
#DFCCDA
#DFCBDB
#DFCADC
#DFC9DD
#DFC8DE
#DFC7E0
#DFC6E1
#E4CED4
#E4CDD5
#E4CBD7
#E4CAD8
#E4C9D9
#E4C8DA
#E4C6DC
#E8D0CE
#E8CED0
#E8CDD1
#E8CBD3
#E8CAD4
#E8C8D6
#E8C6D8
#EDD3C6
#EDD1C8
#EDCFCA
#EDCDCC
#EDCBCE
#EDC9D0
#EDC6D3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts