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 #C2DDD3 to #C2D3DD and to #DDC2D3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DBD5
#C3DBD5
#C3DAD4
#C4DAD4
#C5DAD4
#C5D9D3
#C6D9D3
#C2DAD6
#C3D9D6
#C5D8D5
#C6D7D5
#C8D6D4
#C9D5D4
#CBD4D3
#C2D8D8
#C4D7D7
#C6D5D6
#C8D4D6
#CAD3D5
#CCD2D4
#CFD0D3
#C2D7D9
#C5D5D8
#C7D3D7
#CAD2D6
#CDD0D5
#D0CED4
#D3CCD3
#C2D5DB
#C6D3DA
#C9D1D8
#CDCED7
#D0CCD6
#D4CAD5
#D8C7D3
#C2D3DD
#C6D0DB
#CBCEDA
#CFCBD8
#D3C8D7
#D8C5D5
#DDC2D3
Colorpallet from #C2DDD3 to #C2D3DD and to #DDD3C2
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DBD5
#C3DBD4
#C3DBD3
#C4DBD3
#C5DBD2
#C5DBD1
#C6DBD0
#C2DAD6
#C3DAD5
#C5DAD3
#C6DAD2
#C8DAD1
#C9DAD0
#CBDACE
#C2D8D8
#C4D8D6
#C6D8D4
#C8D8D2
#CAD8D0
#CCD8CE
#CFD8CB
#C2D7D9
#C5D7D6
#C7D7D4
#CAD7D1
#CDD7CE
#D0D7CB
#D3D7C8
#C2D5DB
#C6D5D7
#C9D5D4
#CDD5D0
#D0D5CD
#D4D5C9
#D8D5C5
#C2D3DD
#C6D3D9
#CBD3D4
#CFD3D0
#D3D3CC
#D8D3C7
#DDD3C2
Colorpallet from #C2DDD3 to #C2D3DD and to #D3C2DD
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DBD5
#C2DBD5
#C3DAD5
#C3DAD5
#C4DAD5
#C4D9D5
#C5D9D5
#C2DAD6
#C3D9D6
#C4D8D6
#C4D7D6
#C5D6D6
#C6D5D6
#C7D4D6
#C2D8D8
#C3D7D8
#C5D5D8
#C6D4D8
#C7D3D8
#C8D2D8
#CAD0D8
#C2D7D9
#C4D5D9
#C6D3D9
#C7D2D9
#C9D0D9
#CBCED9
#CDCCD9
#C2D5DB
#C4D3DB
#C6D1DB
#C9CEDB
#CBCCDB
#CDCADB
#D0C7DB
#C2D3DD
#C5D0DD
#C7CEDD
#CACBDD
#CDC8DD
#D0C5DD
#D3C2DD
Colorpallet from #C2DDD3 to #C2D3DD and to #D3DDC2
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DBD5
#C2DBD4
#C3DCD3
#C3DCD3
#C4DCD2
#C4DDD1
#C5DDD0
#C2DAD6
#C3DAD5
#C4DBD3
#C4DBD2
#C5DCD1
#C6DCD0
#C7DDCE
#C2D8D8
#C3D9D6
#C5DAD4
#C6DAD2
#C7DBD0
#C8DCCE
#CADDCB
#C2D7D9
#C4D8D6
#C6D9D4
#C7DAD1
#C9DBCE
#CBDCCB
#CDDDC8
#C2D5DB
#C4D6D7
#C6D8D4
#C9D9D0
#CBDACD
#CDDBC9
#D0DDC5
#C2D3DD
#C5D5D9
#C7D6D4
#CAD8D0
#CDD9CC
#D0DBC7
#D3DDC2
Colorpallet from #C2DDD3 to #DDC2D3 and to #DDD3C2
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C6D9D3
#C6D9D3
#C6DAD2
#C6DAD2
#C6DAD1
#C6DBD1
#C6DBD0
#CBD4D3
#CBD5D2
#CBD6D1
#CBD7D1
#CBD8D0
#CBD9CF
#CBDACE
#CFD0D3
#CFD1D2
#CFD3D0
#CFD4CF
#CFD5CE
#CFD6CD
#CFD8CB
#D3CCD3
#D3CED1
#D3D0CF
#D3D1CE
#D3D3CC
#D3D5CA
#D3D7C8
#D8C7D3
#D8C9D1
#D8CBCF
#D8CECC
#D8D0CA
#D8D2C8
#D8D5C5
#DDC2D3
#DDC5D0
#DDC7CE
#DDCACB
#DDCDC8
#DDD0C5
#DDD3C2
Colorpallet from #C2DDD3 to #DDC2D3 and to #D3C2DD
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C6D9D3
#C6D9D3
#C6D9D4
#C6D9D4
#C5D9D4
#C5D9D5
#C5D9D5
#CBD4D3
#CAD4D3
#CAD4D4
#C9D4D4
#C8D4D5
#C8D4D5
#C7D4D6
#CFD0D3
#CED0D4
#CDD0D5
#CDD0D5
#CCD0D6
#CBD0D7
#CAD0D8
#D3CCD3
#D2CCD4
#D1CCD5
#D0CCD6
#CFCCD7
#CECCD8
#CDCCD9
#D8C7D3
#D7C7D4
#D5C7D6
#D4C7D7
#D3C7D8
#D2C7D9
#D0C7DB
#DDC2D3
#DBC2D5
#DAC2D6
#D8C2D8
#D7C2D9
#D5C2DB
#D3C2DD
Colorpallet from #C2DDD3 to #DDC2D3 and to #D3DDC2
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C6D9D3
#C6DAD3
#C6DAD2
#C6DBD2
#C5DCD1
#C5DCD1
#C5DDD0
#CBD4D3
#CAD5D2
#CAD7D1
#C9D8D1
#C8DAD0
#C8DBCF
#C7DDCE
#CFD0D3
#CED2D2
#CDD4D0
#CDD6CF
#CCD8CE
#CBDACD
#CADDCB
#D3CCD3
#D2CFD1
#D1D1CF
#D0D4CE
#CFD7CC
#CEDACA
#CDDDC8
#D8C7D3
#D7CBD1
#D5CECF
#D4D2CC
#D3D5CA
#D2D9C8
#D0DDC5
#DDC2D3
#DBC6D0
#DACBCE
#D8CFCB
#D7D3C8
#D5D8C5
#D3DDC2
Colorpallet from #C2DDD3 to #DDD3C2 and to #D3C2DD
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C6DBD0
#C6DBD1
#C6DAD2
#C6DAD2
#C5DAD3
#C5D9D4
#C5D9D5
#CBDACE
#CAD9CF
#CAD8D1
#C9D7D2
#C8D6D3
#C8D5D4
#C7D4D6
#CFD8CB
#CED7CD
#CDD5CF
#CDD4D1
#CCD3D3
#CBD2D5
#CAD0D8
#D3D7C8
#D2D5CB
#D1D3CD
#D0D2D0
#CFD0D3
#CECED6
#CDCCD9
#D8D5C5
#D7D3C9
#D5D1CC
#D4CED0
#D3CCD3
#D2CAD7
#D0C7DB
#DDD3C2
#DBD0C6
#DACECB
#D8CBCF
#D7C8D3
#D5C5D8
#D3C2DD
Colorpallet from #C2DDD3 to #DDD3C2 and to #D3DDC2
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C6DBD0
#C6DBD0
#C6DCD0
#C6DCD0
#C5DCD0
#C5DDD0
#C5DDD0
#CBDACE
#CADACE
#CADBCE
#C9DBCE
#C8DCCE
#C8DCCE
#C7DDCE
#CFD8CB
#CED9CB
#CDDACB
#CDDACB
#CCDBCB
#CBDCCB
#CADDCB
#D3D7C8
#D2D8C8
#D1D9C8
#D0DAC8
#CFDBC8
#CEDCC8
#CDDDC8
#D8D5C5
#D7D6C5
#D5D8C5
#D4D9C5
#D3DAC5
#D2DBC5
#D0DDC5
#DDD3C2
#DBD5C2
#DAD6C2
#D8D8C2
#D7D9C2
#D5DBC2
#D3DDC2
Colorpallet from #C2DDD3 to #D3C2DD and to #D3DDC2
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C2DDD3
#C5D9D5
#C5DAD4
#C5DAD3
#C5DBD3
#C5DCD2
#C5DCD1
#C5DDD0
#C7D4D6
#C7D5D5
#C7D7D3
#C7D8D2
#C7DAD1
#C7DBD0
#C7DDCE
#CAD0D8
#CAD2D6
#CAD4D4
#CAD6D2
#CAD8D0
#CADACE
#CADDCB
#CDCCD9
#CDCFD6
#CDD1D4
#CDD4D1
#CDD7CE
#CDDACB
#CDDDC8
#D0C7DB
#D0CBD7
#D0CED4
#D0D2D0
#D0D5CD
#D0D9C9
#D0DDC5
#D3C2DD
#D3C6D9
#D3CBD4
#D3CFD0
#D3D3CC
#D3D8C7
#D3DDC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts