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 #B2D4E2 to #B2E2D4 and to #D4B2E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D6E0
#B3D5E0
#B4D4E1
#B4D3E1
#B5D2E1
#B6D0E2
#B7CFE2
#B2D8DE
#B4D6DF
#B6D3DF
#B7D1E0
#B9CEE1
#BBCCE1
#BDC9E2
#B2DBDB
#B5D7DC
#B7D4DD
#BAD0DE
#BCCCDF
#BFC9E1
#C2C4E2
#B2DDD9
#B6D8DA
#B9D3DC
#BDCEDD
#C0C9DF
#C4C4E0
#C8BEE2
#B2DFD7
#B6D9D9
#BBD3DB
#BFCDDC
#C3C7DE
#C8C1E0
#CDB9E2
#B2E2D4
#B7DAD6
#BDD3D8
#C2CBDB
#C8C3DD
#CDBCDF
#D4B2E2
Colorpallet from #B2D4E2 to #B2E2D4 and to #D4E2B2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D6E0
#B3D6DF
#B4D6DE
#B4D6DD
#B5D6DC
#B6D6DB
#B7D6DA
#B2D8DE
#B4D8DC
#B6D8DA
#B7D8D9
#B9D8D7
#BBD8D5
#BDD8D3
#B2DBDB
#B5DBD8
#B7DBD6
#BADBD3
#BCDBD1
#BFDBCE
#C2DBCB
#B2DDD9
#B6DDD5
#B9DDD2
#BDDDCE
#C0DDCB
#C4DDC7
#C8DDC3
#B2DFD7
#B6DFD3
#BBDFCE
#BFDFCA
#C3DFC6
#C8DFC1
#CDDFBC
#B2E2D4
#B7E2CF
#BDE2C9
#C2E2C4
#C8E2BE
#CDE2B9
#D4E2B2
Colorpallet from #B2D4E2 to #B2E2D4 and to #E2B2D4
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D6E0
#B3D5E0
#B5D4E0
#B6D3E0
#B7D2E0
#B8D0E0
#BACFE0
#B2D8DE
#B4D6DE
#B7D3DE
#B9D1DE
#BCCEDE
#BECCDE
#C1C9DE
#B2DBDB
#B6D7DB
#B9D4DB
#BDD0DB
#C1CCDB
#C4C9DB
#C9C4DB
#B2DDD9
#B7D8D9
#BCD3D9
#C1CED9
#C6C9D9
#CBC4D9
#D1BED9
#B2DFD7
#B8D9D7
#BED3D7
#C4CDD7
#CAC7D7
#D0C1D7
#D8B9D7
#B2E2D4
#BADAD4
#C1D3D4
#C9CBD4
#D1C3D4
#D8BCD4
#E2B2D4
Colorpallet from #B2D4E2 to #B2E2D4 and to #E2D4B2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D6E0
#B3D6DF
#B5D5DE
#B6D5DD
#B7D5DC
#B8D4DB
#BAD4DA
#B2D8DE
#B4D7DC
#B7D7DA
#B9D6D9
#BCD5D7
#BED5D5
#C1D4D3
#B2DBDB
#B6DAD8
#B9D9D6
#BDD8D3
#C1D7D1
#C4D5CE
#C9D4CB
#B2DDD9
#B7DCD5
#BCDAD2
#C1D9CE
#C6D7CB
#CBD6C7
#D1D4C3
#B2DFD7
#B8DDD3
#BEDBCE
#C4DACA
#CAD8C6
#D0D6C1
#D8D4BC
#B2E2D4
#BAE0CF
#C1DEC9
#C9DBC4
#D1D9BE
#D8D7B9
#E2D4B2
Colorpallet from #B2D4E2 to #D4B2E2 and to #D4E2B2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B7CFE2
#B7D0E1
#B7D1DF
#B7D2DE
#B7D3DD
#B7D5DC
#B7D6DA
#BDC9E2
#BDCBE0
#BDCEDD
#BDD0DB
#BDD3D8
#BDD5D6
#BDD8D3
#C2C4E2
#C2C8DE
#C2CBDB
#C2CFD7
#C2D3D3
#C2D6D0
#C2DBCB
#C8BEE2
#C8C3DD
#C8C8D8
#C8CDD3
#C8D2CE
#C8D7C9
#C8DDC3
#CDB9E2
#CDBFDC
#CDC5D6
#CDCBD0
#CDD1CA
#CDD7C4
#CDDFBC
#D4B2E2
#D4BADA
#D4C1D3
#D4C9CB
#D4D1C3
#D4D8BC
#D4E2B2
Colorpallet from #B2D4E2 to #D4B2E2 and to #E2B2D4
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B7CFE2
#B7CFE2
#B8CFE1
#B8CFE1
#B9CFE1
#B9CFE0
#BACFE0
#BDC9E2
#BEC9E1
#BEC9E1
#BFC9E0
#C0C9DF
#C0C9DF
#C1C9DE
#C2C4E2
#C3C4E1
#C4C4E0
#C5C4DF
#C6C4DE
#C8C4DC
#C9C4DB
#C8BEE2
#C9BEE1
#CBBEDF
#CCBEDE
#CEBEDC
#CFBEDB
#D1BED9
#CDB9E2
#CFB9E0
#D1B9DE
#D2B9DD
#D4B9DB
#D6B9D9
#D8B9D7
#D4B2E2
#D6B2E0
#D8B2DE
#DBB2DB
#DDB2D9
#DFB2D7
#E2B2D4
Colorpallet from #B2D4E2 to #D4B2E2 and to #E2D4B2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B7CFE2
#B7D0E1
#B8D1DF
#B8D1DE
#B9D2DD
#B9D3DC
#BAD4DA
#BDC9E2
#BECBE0
#BECDDD
#BFCEDB
#C0D0D8
#C0D2D6
#C1D4D3
#C2C4E2
#C3C7DE
#C4C9DB
#C5CCD7
#C6CED3
#C8D1D0
#C9D4CB
#C8BEE2
#C9C2DD
#CBC5D8
#CCC9D3
#CECCCE
#CFD0C9
#D1D4C3
#CDB9E2
#CFBDDC
#D1C2D6
#D2C6D0
#D4CACA
#D6CFC4
#D8D4BC
#D4B2E2
#D6B7DA
#D8BDD3
#DBC2CB
#DDC8C3
#DFCDBC
#E2D4B2
Colorpallet from #B2D4E2 to #D4E2B2 and to #E2B2D4
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B7D6DA
#B7D5DB
#B8D4DC
#B8D3DD
#B9D2DE
#B9D0DF
#BACFE0
#BDD8D3
#BED6D5
#BED3D7
#BFD1D8
#C0CEDA
#C0CCDC
#C1C9DE
#C2DBCB
#C3D7CE
#C4D4D0
#C5D0D3
#C6CCD5
#C8C9D8
#C9C4DB
#C8DDC3
#C9D8C7
#CBD3CA
#CCCECE
#CEC9D1
#CFC4D5
#D1BED9
#CDDFBC
#CFD9C0
#D1D3C5
#D2CDC9
#D4C7CD
#D6C1D2
#D8B9D7
#D4E2B2
#D6DAB7
#D8D3BD
#DBCBC2
#DDC3C8
#DFBCCD
#E2B2D4
Colorpallet from #B2D4E2 to #D4E2B2 and to #E2D4B2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B7D6DA
#B7D6DA
#B8D5DA
#B8D5DA
#B9D5DA
#B9D4DA
#BAD4DA
#BDD8D3
#BED7D3
#BED7D3
#BFD6D3
#C0D5D3
#C0D5D3
#C1D4D3
#C2DBCB
#C3DACB
#C4D9CB
#C5D8CB
#C6D7CB
#C8D5CB
#C9D4CB
#C8DDC3
#C9DCC3
#CBDAC3
#CCD9C3
#CED7C3
#CFD6C3
#D1D4C3
#CDDFBC
#CFDDBC
#D1DBBC
#D2DABC
#D4D8BC
#D6D6BC
#D8D4BC
#D4E2B2
#D6E0B2
#D8DEB2
#DBDBB2
#DDD9B2
#DFD7B2
#E2D4B2
Colorpallet from #B2D4E2 to #E2B2D4 and to #E2D4B2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#B2D4E2
#BACFE0
#BAD0DF
#BAD1DE
#BAD1DD
#BAD2DC
#BAD3DB
#BAD4DA
#C1C9DE
#C1CBDC
#C1CDDA
#C1CED9
#C1D0D7
#C1D2D5
#C1D4D3
#C9C4DB
#C9C7D8
#C9C9D6
#C9CCD3
#C9CED1
#C9D1CE
#C9D4CB
#D1BED9
#D1C2D5
#D1C5D2
#D1C9CE
#D1CCCB
#D1D0C7
#D1D4C3
#D8B9D7
#D8BDD3
#D8C2CE
#D8C6CA
#D8CAC6
#D8CFC1
#D8D4BC
#E2B2D4
#E2B7CF
#E2BDC9
#E2C2C4
#E2C8BE
#E2CDB9
#E2D4B2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts