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 #B2DCE2 to #B2E2DC and to #DCB2E2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DDE1
#B3DCE1
#B4DAE1
#B5D9E1
#B6D8E2
#B8D7E2
#B9D5E2
#B2DEE0
#B4DCE0
#B6D9E1
#B8D7E1
#BAD4E1
#BCD2E2
#BFCFE2
#B2DFDF
#B5DBDF
#B8D8E0
#BCD4E0
#BFD0E1
#C2CDE1
#C6C8E2
#B2E0DE
#B6DBDF
#BBD6DF
#BFD1E0
#C3CCE1
#C8C7E1
#CDC1E2
#B2E1DD
#B7DBDE
#BDD5DF
#C2CEDF
#C8C8E0
#CDC2E1
#D4BAE2
#B2E2DC
#B9DADD
#BFD3DE
#C6CBDF
#CDC3E0
#D4BCE1
#DCB2E2
Colorpallet from #B2DCE2 to #B2E2DC and to #DCE2B2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DDE1
#B3DDE0
#B4DDDF
#B5DDDE
#B6DDDD
#B8DDDB
#B9DDDA
#B2DEE0
#B4DEDE
#B6DEDC
#B8DEDA
#BADED8
#BCDED6
#BFDED3
#B2DFDF
#B5DFDC
#B8DFD9
#BCDFD5
#BFDFD2
#C2DFCF
#C6DFCB
#B2E0DE
#B6E0DA
#BBE0D5
#BFE0D1
#C3E0CD
#C8E0C8
#CDE0C3
#B2E1DD
#B7E1D8
#BDE1D2
#C2E1CD
#C8E1C8
#CDE1C3
#D4E1BC
#B2E2DC
#B9E2D5
#BFE2CF
#C6E2C8
#CDE2C1
#D4E2BA
#DCE2B2
Colorpallet from #B2DCE2 to #B2E2DC and to #E2B2DC
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DDE1
#B3DCE1
#B5DAE1
#B6D9E1
#B7D8E1
#B8D7E1
#BAD5E1
#B2DEE0
#B4DCE0
#B7D9E0
#B9D7E0
#BCD4E0
#BED2E0
#C1CFE0
#B2DFDF
#B6DBDF
#B9D8DF
#BDD4DF
#C1D0DF
#C4CDDF
#C9C8DF
#B2E0DE
#B7DBDE
#BCD6DE
#C1D1DE
#C6CCDE
#CBC7DE
#D1C1DE
#B2E1DD
#B8DBDD
#BED5DD
#C4CEDD
#CAC8DD
#D0C2DD
#D8BADD
#B2E2DC
#BADADC
#C1D3DC
#C9CBDC
#D1C3DC
#D8BCDC
#E2B2DC
Colorpallet from #B2DCE2 to #B2E2DC and to #E2DCB2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DDE1
#B3DDE0
#B5DDDF
#B6DDDE
#B7DCDD
#B8DCDB
#BADCDA
#B2DEE0
#B4DEDE
#B7DDDC
#B9DDDA
#BCDDD8
#BEDCD6
#C1DCD3
#B2DFDF
#B6DFDC
#B9DED9
#BDDED5
#C1DDD2
#C4DDCF
#C9DCCB
#B2E0DE
#B7DFDA
#BCDFD5
#C1DED1
#C6DDCD
#CBDDC8
#D1DCC3
#B2E1DD
#B8E0D8
#BEDFD2
#C4DFCD
#CADEC8
#D0DDC3
#D8DCBC
#B2E2DC
#BAE1D5
#C1E0CF
#C9DFC8
#D1DEC1
#D8DDBA
#E2DCB2
Colorpallet from #B2DCE2 to #DCB2E2 and to #DCE2B2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B9D5E2
#B9D6E1
#B9D8DF
#B9D9DE
#B9DADD
#B9DBDC
#B9DDDA
#BFCFE2
#BFD1E0
#BFD4DD
#BFD6DB
#BFD9D8
#BFDBD6
#BFDED3
#C6C8E2
#C6CCDE
#C6CFDB
#C6D3D7
#C6D7D3
#C6DAD0
#C6DFCB
#CDC1E2
#CDC6DD
#CDCBD8
#CDD0D3
#CDD5CE
#CDDAC9
#CDE0C3
#D4BAE2
#D4C0DC
#D4C6D6
#D4CDD0
#D4D3CA
#D4D9C4
#D4E1BC
#DCB2E2
#DCBADA
#DCC1D3
#DCC9CB
#DCD1C3
#DCD8BC
#DCE2B2
Colorpallet from #B2DCE2 to #DCB2E2 and to #E2B2DC
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B9D5E2
#B9D5E2
#B9D5E2
#B9D5E2
#BAD5E1
#BAD5E1
#BAD5E1
#BFCFE2
#BFCFE2
#C0CFE1
#C0CFE1
#C0CFE1
#C1CFE0
#C1CFE0
#C6C8E2
#C6C8E2
#C7C8E1
#C7C8E1
#C8C8E0
#C8C8E0
#C9C8DF
#CDC1E2
#CEC1E1
#CEC1E1
#CFC1E0
#D0C1DF
#D0C1DF
#D1C1DE
#D4BAE2
#D5BAE1
#D5BAE0
#D6BAE0
#D7BADF
#D7BADE
#D8BADD
#DCB2E2
#DDB2E1
#DEB2E0
#DFB2DF
#E0B2DE
#E1B2DD
#E2B2DC
Colorpallet from #B2DCE2 to #DCB2E2 and to #E2DCB2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B9D5E2
#B9D6E1
#B9D7DF
#B9D8DE
#BAD9DD
#BADBDC
#BADCDA
#BFCFE2
#BFD1E0
#C0D3DD
#C0D5DB
#C0D7D8
#C1D9D6
#C1DCD3
#C6C8E2
#C6CBDE
#C7CEDB
#C7D2D7
#C8D5D3
#C8D8D0
#C9DCCB
#CDC1E2
#CEC5DD
#CECAD8
#CFCED3
#D0D2CE
#D0D7C9
#D1DCC3
#D4BAE2
#D5BFDC
#D5C5D6
#D6CAD0
#D7D0CA
#D7D5C4
#D8DCBC
#DCB2E2
#DDB9DA
#DEBFD3
#DFC6CB
#E0CDC3
#E1D4BC
#E2DCB2
Colorpallet from #B2DCE2 to #DCE2B2 and to #E2B2DC
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B9DDDA
#B9DCDB
#B9DADC
#B9D9DD
#BAD8DE
#BAD7E0
#BAD5E1
#BFDED3
#BFDCD5
#C0D9D7
#C0D7D9
#C0D4DB
#C1D2DD
#C1CFE0
#C6DFCB
#C6DBCE
#C7D8D1
#C7D4D5
#C8D0D8
#C8CDDB
#C9C8DF
#CDE0C3
#CEDBC7
#CED6CC
#CFD1D0
#D0CCD4
#D0C7D9
#D1C1DE
#D4E1BC
#D5DBC1
#D5D5C7
#D6CECC
#D7C8D1
#D7C2D6
#D8BADD
#DCE2B2
#DDDAB9
#DED3BF
#DFCBC6
#E0C3CD
#E1BCD4
#E2B2DC
Colorpallet from #B2DCE2 to #DCE2B2 and to #E2DCB2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B9DDDA
#B9DDDA
#B9DDDA
#B9DDDA
#BADCDA
#BADCDA
#BADCDA
#BFDED3
#BFDED3
#C0DDD3
#C0DDD3
#C0DDD3
#C1DCD3
#C1DCD3
#C6DFCB
#C6DFCB
#C7DECB
#C7DECB
#C8DDCB
#C8DDCB
#C9DCCB
#CDE0C3
#CEDFC3
#CEDFC3
#CFDEC3
#D0DDC3
#D0DDC3
#D1DCC3
#D4E1BC
#D5E0BC
#D5DFBC
#D6DFBC
#D7DEBC
#D7DDBC
#D8DCBC
#DCE2B2
#DDE1B2
#DEE0B2
#DFDFB2
#E0DEB2
#E1DDB2
#E2DCB2
Colorpallet from #B2DCE2 to #E2B2DC and to #E2DCB2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#B2DCE2
#BAD5E1
#BAD6E0
#BAD7DF
#BAD8DE
#BAD9DD
#BADBDB
#BADCDA
#C1CFE0
#C1D1DE
#C1D3DC
#C1D5DA
#C1D7D8
#C1D9D6
#C1DCD3
#C9C8DF
#C9CBDC
#C9CED9
#C9D2D5
#C9D5D2
#C9D8CF
#C9DCCB
#D1C1DE
#D1C5DA
#D1CAD5
#D1CED1
#D1D2CD
#D1D7C8
#D1DCC3
#D8BADD
#D8BFD8
#D8C5D2
#D8CACD
#D8D0C8
#D8D5C3
#D8DCBC
#E2B2DC
#E2B9D5
#E2BFCF
#E2C6C8
#E2CDC1
#E2D4BA
#E2DCB2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts