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 #C2D8ED to #C2EDD8 and to #D8C2ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2DBEA
#C3DAEA
#C3D9EB
#C4D8EB
#C5D7EC
#C5D5EC
#C6D4ED
#C2DFE6
#C3DDE7
#C4DBE8
#C5D8E9
#C6D6EA
#C8D4EC
#C9D1ED
#C2E2E3
#C4DFE5
#C6DBE6
#C7D8E8
#C9D5E9
#CBD1EB
#CDCDED
#C2E5E0
#C4E1E2
#C6DCE4
#C9D8E6
#CBD4E8
#CDCFEA
#D0CAED
#C2E9DC
#C5E3DF
#C8DEE1
#CBD8E4
#CED3E7
#D0CDEA
#D4C6ED
#C2EDD8
#C6E6DB
#C9DFDF
#CDD8E2
#D0D1E5
#D4CBE9
#D8C2ED
Colorpallet from #C2D8ED to #C2EDD8 and to #D8EDC2
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2DBEA
#C3DBE9
#C3DBE9
#C4DBE8
#C5DBE7
#C5DBE7
#C6DBE6
#C2DFE6
#C3DFE5
#C4DFE4
#C5DFE3
#C6DFE2
#C8DFE0
#C9DFDF
#C2E2E3
#C4E2E1
#C6E2DF
#C7E2DE
#C9E2DC
#CBE2DA
#CDE2D8
#C2E5E0
#C4E5DE
#C6E5DB
#C9E5D9
#CBE5D6
#CDE5D4
#D0E5D1
#C2E9DC
#C5E9D9
#C8E9D7
#CBE9D4
#CEE9D1
#D0E9CE
#D4E9CB
#C2EDD8
#C6EDD4
#C9EDD1
#CDEDCD
#D0EDCA
#D4EDC6
#D8EDC2
Colorpallet from #C2D8ED to #C2EDD8 and to #EDC2D8
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2DBEA
#C3DAEA
#C4D9EA
#C5D8EA
#C6D7EA
#C8D5EA
#C9D4EA
#C2DFE6
#C4DDE6
#C6DBE6
#C9D8E6
#CBD6E6
#CDD4E6
#D0D1E6
#C2E2E3
#C5DFE3
#C9DBE3
#CCD8E3
#CFD5E3
#D3D1E3
#D7CDE3
#C2E5E0
#C6E1E0
#CBDCE0
#CFD8E0
#D4D4E0
#D8CFE0
#DECAE0
#C2E9DC
#C7E3DC
#CDDEDC
#D2D8DC
#D8D3DC
#DDCDDC
#E4C6DC
#C2EDD8
#C9E6D8
#D0DFD8
#D7D8D8
#DED1D8
#E4CBD8
#EDC2D8
Colorpallet from #C2D8ED to #C2EDD8 and to #EDD8C2
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2DBEA
#C3DBE9
#C4DAE9
#C5DAE8
#C6D9E7
#C8D9E7
#C9D8E6
#C2DFE6
#C4DEE5
#C6DDE4
#C9DCE3
#CBDBE2
#CDD9E0
#D0D8DF
#C2E2E3
#C5E0E1
#C9DFDF
#CCDDDE
#CFDCDC
#D3DADA
#D7D8D8
#C2E5E0
#C6E3DE
#CBE1DB
#CFDFD9
#D4DDD6
#D8DBD4
#DED8D1
#C2E9DC
#C7E6D9
#CDE4D7
#D2E1D4
#D8DED1
#DDDBCE
#E4D8CB
#C2EDD8
#C9EAD4
#D0E6D1
#D7E3CD
#DEE0CA
#E4DCC6
#EDD8C2
Colorpallet from #C2D8ED to #D8C2ED and to #D8EDC2
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C6D4ED
#C6D5EC
#C6D6EB
#C6D7EA
#C6D8E9
#C6DAE7
#C6DBE6
#C9D1ED
#C9D3EB
#C9D5E9
#C9D8E6
#C9DAE4
#C9DCE2
#C9DFDF
#CDCDED
#CDD0EA
#CDD4E6
#CDD7E3
#CDDAE0
#CDDEDC
#CDE2D8
#D0CAED
#D0CEE9
#D0D3E4
#D0D7E0
#D0DBDB
#D0E0D7
#D0E5D1
#D4C6ED
#D4CCE8
#D4D1E2
#D4D7DD
#D4DCD7
#D4E2D2
#D4E9CB
#D8C2ED
#D8C9E6
#D8D0DF
#D8D7D8
#D8DED1
#D8E4CB
#D8EDC2
Colorpallet from #C2D8ED to #D8C2ED and to #EDC2D8
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C6D4ED
#C6D4ED
#C7D4EC
#C7D4EC
#C8D4EB
#C8D4EB
#C9D4EA
#C9D1ED
#CAD1EC
#CBD1EB
#CCD1EA
#CDD1E9
#CFD1E7
#D0D1E6
#CDCDED
#CFCDEB
#D0CDEA
#D2CDE8
#D3CDE7
#D5CDE5
#D7CDE3
#D0CAED
#D2CAEB
#D4CAE9
#D7CAE7
#D9CAE5
#DBCAE3
#DECAE0
#D4C6ED
#D7C6EA
#D9C6E8
#DCC6E5
#DEC6E2
#E1C6DF
#E4C6DC
#D8C2ED
#DBC2EA
#DFC2E6
#E2C2E3
#E5C2E0
#E9C2DC
#EDC2D8
Colorpallet from #C2D8ED to #D8C2ED and to #EDD8C2
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C6D4ED
#C6D5EC
#C7D5EB
#C7D6EA
#C8D7E9
#C8D7E7
#C9D8E6
#C9D1ED
#CAD2EB
#CBD3E9
#CCD4E6
#CDD5E4
#CFD7E2
#D0D8DF
#CDCDED
#CFCFEA
#D0D1E6
#D2D2E3
#D3D4E0
#D5D6DC
#D7D8D8
#D0CAED
#D2CCE9
#D4CEE4
#D7D1E0
#D9D3DB
#DBD5D7
#DED8D1
#D4C6ED
#D7C9E8
#D9CCE2
#DCCFDD
#DED2D7
#E1D4D2
#E4D8CB
#D8C2ED
#DBC6E6
#DFC9DF
#E2CDD8
#E5D0D1
#E9D4CB
#EDD8C2
Colorpallet from #C2D8ED to #D8EDC2 and to #EDC2D8
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C6DBE6
#C6DAE7
#C7D9E7
#C7D8E8
#C8D7E9
#C8D5E9
#C9D4EA
#C9DFDF
#CADDE0
#CBDBE1
#CCD8E2
#CDD6E3
#CFD4E5
#D0D1E6
#CDE2D8
#CFDFDA
#D0DBDC
#D2D8DD
#D3D5DF
#D5D1E1
#D7CDE3
#D0E5D1
#D2E1D3
#D4DCD6
#D7D8D8
#D9D4DB
#DBCFDD
#DECAE0
#D4E9CB
#D7E3CE
#D9DED0
#DCD8D3
#DED3D6
#E1CDD9
#E4C6DC
#D8EDC2
#DBE6C6
#DFDFC9
#E2D8CD
#E5D1D0
#E9CBD4
#EDC2D8
Colorpallet from #C2D8ED to #D8EDC2 and to #EDD8C2
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C6DBE6
#C6DBE6
#C7DAE6
#C7DAE6
#C8D9E6
#C8D9E6
#C9D8E6
#C9DFDF
#CADEDF
#CBDDDF
#CCDCDF
#CDDBDF
#CFD9DF
#D0D8DF
#CDE2D8
#CFE0D8
#D0DFD8
#D2DDD8
#D3DCD8
#D5DAD8
#D7D8D8
#D0E5D1
#D2E3D1
#D4E1D1
#D7DFD1
#D9DDD1
#DBDBD1
#DED8D1
#D4E9CB
#D7E6CB
#D9E4CB
#DCE1CB
#DEDECB
#E1DBCB
#E4D8CB
#D8EDC2
#DBEAC2
#DFE6C2
#E2E3C2
#E5E0C2
#E9DCC2
#EDD8C2
Colorpallet from #C2D8ED to #EDC2D8 and to #EDD8C2
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C2D8ED
#C9D4EA
#C9D5E9
#C9D5E9
#C9D6E8
#C9D7E7
#C9D7E7
#C9D8E6
#D0D1E6
#D0D2E5
#D0D3E4
#D0D4E3
#D0D5E2
#D0D7E0
#D0D8DF
#D7CDE3
#D7CFE1
#D7D1DF
#D7D2DE
#D7D4DC
#D7D6DA
#D7D8D8
#DECAE0
#DECCDE
#DECEDB
#DED1D9
#DED3D6
#DED5D4
#DED8D1
#E4C6DC
#E4C9D9
#E4CCD7
#E4CFD4
#E4D2D1
#E4D4CE
#E4D8CB
#EDC2D8
#EDC6D4
#EDC9D1
#EDCDCD
#EDD0CA
#EDD4C6
#EDD8C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts