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 #B3DBD2 to #B3D2DB and to #DBB3D2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DAD3
#B4D9D3
#B5D8D3
#B6D8D3
#B7D7D2
#B8D6D2
#B9D5D2
#B3D8D5
#B5D6D5
#B7D5D4
#B9D3D4
#BBD2D3
#BDD0D3
#C0CED2
#B3D7D6
#B6D5D5
#B9D2D5
#BCD0D4
#BFCDD3
#C2CBD3
#C6C8D2
#B3D5D8
#B7D2D7
#BBCFD6
#BFCBD5
#C4C8D4
#C8C5D3
#CDC1D2
#B3D4D9
#B8D0D8
#BDCCD7
#C2C8D6
#C7C4D5
#CDC0D3
#D3BBD2
#B3D2DB
#B9CDDA
#C0C8D8
#C6C3D7
#CDBED5
#D3B9D4
#DBB3D2
Colorpallet from #B3DBD2 to #B3D2DB and to #DBD2B3
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DAD3
#B4DAD2
#B5DAD1
#B6DAD0
#B7DACF
#B8DACE
#B9DACD
#B3D8D5
#B5D8D3
#B7D8D1
#B9D8CF
#BBD8CD
#BDD8CB
#C0D8C8
#B3D7D6
#B6D7D3
#B9D7D0
#BCD7CD
#BFD7CA
#C2D7C7
#C6D7C3
#B3D5D8
#B7D5D4
#BBD5D0
#BFD5CC
#C4D5C7
#C8D5C3
#CDD5BE
#B3D4D9
#B8D4D4
#BDD4CF
#C2D4CA
#C7D4C5
#CDD4BF
#D3D4B9
#B3D2DB
#B9D2D5
#C0D2CE
#C6D2C8
#CDD2C1
#D3D2BB
#DBD2B3
Colorpallet from #B3DBD2 to #B3D2DB and to #D2B3DB
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DAD3
#B4D9D3
#B5D8D3
#B5D8D3
#B6D7D3
#B7D6D3
#B8D5D3
#B3D8D5
#B5D6D5
#B6D5D5
#B8D3D5
#B9D2D5
#BBD0D5
#BDCED5
#B3D7D6
#B5D5D6
#B8D2D6
#BAD0D6
#BDCDD6
#BFCBD6
#C2C8D6
#B3D5D8
#B6D2D8
#B9CFD8
#BDCBD8
#C0C8D8
#C3C5D8
#C7C1D8
#B3D4D9
#B7D0D9
#BBCCD9
#BFC8D9
#C3C4D9
#C7C0D9
#CCBBD9
#B3D2DB
#B8CDDB
#BDC8DB
#C2C3DB
#C7BEDB
#CCB9DB
#D2B3DB
Colorpallet from #B3DBD2 to #B3D2DB and to #D2DBB3
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DAD3
#B4DAD2
#B5DAD1
#B5DAD0
#B6DBCF
#B7DBCE
#B8DBCD
#B3D8D5
#B5D8D3
#B6D9D1
#B8D9CF
#B9DACD
#BBDACB
#BDDBC8
#B3D7D6
#B5D8D3
#B8D8D0
#BAD9CD
#BDDACA
#BFDAC7
#C2DBC3
#B3D5D8
#B6D6D4
#B9D7D0
#BDD8CC
#C0D9C7
#C3DAC3
#C7DBBE
#B3D4D9
#B7D5D4
#BBD6CF
#BFD7CA
#C3D8C5
#C7DABF
#CCDBB9
#B3D2DB
#B8D3D5
#BDD5CE
#C2D6C8
#C7D8C1
#CCD9BB
#D2DBB3
Colorpallet from #B3DBD2 to #DBB3D2 and to #DBD2B3
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B9D5D2
#B9D6D1
#B9D7D0
#B9D7D0
#B9D8CF
#B9D9CE
#B9DACD
#C0CED2
#C0D0D0
#C0D1CF
#C0D3CD
#C0D4CC
#C0D6CA
#C0D8C8
#C6C8D2
#C6CAD0
#C6CDCD
#C6CFCB
#C6D2C8
#C6D4C6
#C6D7C3
#CDC1D2
#CDC4CF
#CDC7CC
#CDCBC8
#CDCEC5
#CDD1C2
#CDD5BE
#D3BBD2
#D3BFCE
#D3C3CA
#D3C7C6
#D3CBC2
#D3CFBE
#D3D4B9
#DBB3D2
#DBB8CD
#DBBDC8
#DBC2C3
#DBC7BE
#DBCCB9
#DBD2B3
Colorpallet from #B3DBD2 to #DBB3D2 and to #D2B3DB
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B9D5D2
#B9D5D2
#B9D5D2
#B9D5D2
#B8D5D3
#B8D5D3
#B8D5D3
#C0CED2
#C0CED2
#BFCED3
#BFCED3
#BECED4
#BECED4
#BDCED5
#C6C8D2
#C5C8D3
#C5C8D3
#C4C8D4
#C3C8D5
#C3C8D5
#C2C8D6
#CDC1D2
#CCC1D3
#CBC1D4
#CAC1D5
#C9C1D6
#C8C1D7
#C7C1D8
#D3BBD2
#D2BBD3
#D1BBD4
#D0BBD5
#CFBBD6
#CDBBD8
#CCBBD9
#DBB3D2
#DAB3D3
#D8B3D5
#D7B3D6
#D5B3D8
#D4B3D9
#D2B3DB
Colorpallet from #B3DBD2 to #DBB3D2 and to #D2DBB3
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B9D5D2
#B9D6D1
#B9D7D0
#B9D8D0
#B8D9CF
#B8DACE
#B8DBCD
#C0CED2
#C0D0D0
#BFD2CF
#BFD4CD
#BED6CC
#BED8CA
#BDDBC8
#C6C8D2
#C5CBD0
#C5CECD
#C4D1CB
#C3D4C8
#C3D7C6
#C2DBC3
#CDC1D2
#CCC5CF
#CBC9CC
#CACDC8
#C9D2C5
#C8D6C2
#C7DBBE
#D3BBD2
#D2C0CE
#D1C5CA
#D0CAC6
#CFCFC2
#CDD5BE
#CCDBB9
#DBB3D2
#DAB9CD
#D8C0C8
#D7C6C3
#D5CDBE
#D4D3B9
#D2DBB3
Colorpallet from #B3DBD2 to #DBD2B3 and to #D2B3DB
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B9DACD
#B9D9CE
#B9D8CF
#B9D8D0
#B8D7D1
#B8D6D2
#B8D5D3
#C0D8C8
#C0D6CA
#BFD5CC
#BFD3CE
#BED2D0
#BED0D2
#BDCED5
#C6D7C3
#C5D5C6
#C5D2C9
#C4D0CC
#C3CDCF
#C3CBD2
#C2C8D6
#CDD5BE
#CCD2C2
#CBCFC6
#CACBCA
#C9C8CF
#C8C5D3
#C7C1D8
#D3D4B9
#D2D0BE
#D1CCC3
#D0C8C8
#CFC4CD
#CDC0D3
#CCBBD9
#DBD2B3
#DACDB9
#D8C8C0
#D7C3C6
#D5BECD
#D4B9D3
#D2B3DB
Colorpallet from #B3DBD2 to #DBD2B3 and to #D2DBB3
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B9DACD
#B9DACD
#B9DACD
#B9DACD
#B8DBCD
#B8DBCD
#B8DBCD
#C0D8C8
#C0D8C8
#BFD9C8
#BFD9C8
#BEDAC8
#BEDAC8
#BDDBC8
#C6D7C3
#C5D8C3
#C5D8C3
#C4D9C3
#C3DAC3
#C3DAC3
#C2DBC3
#CDD5BE
#CCD6BE
#CBD7BE
#CAD8BE
#C9D9BE
#C8DABE
#C7DBBE
#D3D4B9
#D2D5B9
#D1D6B9
#D0D7B9
#CFD8B9
#CDDAB9
#CCDBB9
#DBD2B3
#DAD3B3
#D8D5B3
#D7D6B3
#D5D8B3
#D4D9B3
#D2DBB3
Colorpallet from #B3DBD2 to #D2B3DB and to #D2DBB3
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B3DBD2
#B8D5D3
#B8D6D2
#B8D7D1
#B8D8D0
#B8D9CF
#B8DACE
#B8DBCD
#BDCED5
#BDD0D3
#BDD2D1
#BDD4CF
#BDD6CD
#BDD8CB
#BDDBC8
#C2C8D6
#C2CBD3
#C2CED0
#C2D1CD
#C2D4CA
#C2D7C7
#C2DBC3
#C7C1D8
#C7C5D4
#C7C9D0
#C7CDCC
#C7D2C7
#C7D6C3
#C7DBBE
#CCBBD9
#CCC0D4
#CCC5CF
#CCCACA
#CCCFC5
#CCD5BF
#CCDBB9
#D2B3DB
#D2B9D5
#D2C0CE
#D2C6C8
#D2CDC1
#D2D3BB
#D2DBB3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts