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 #B2DAE2 to #B2E2DA and to #DAB2E2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DBE1
#B3DAE1
#B4D9E1
#B5D8E1
#B6D7E2
#B7D5E2
#B8D4E2
#B2DDDF
#B4DADF
#B6D8E0
#B8D5E0
#BAD3E1
#BCD0E1
#BFCDE2
#B2DEDE
#B5DADF
#B8D7DF
#BBD3E0
#BECFE1
#C1CCE1
#C5C7E2
#B2DFDD
#B6DADE
#BAD5DF
#BED0DF
#C3CBE0
#C7C6E1
#CCC0E2
#B2E0DC
#B7DADD
#BCD4DE
#C1CEDF
#C6C8E0
#CCC2E1
#D2BAE2
#B2E2DA
#B8DADB
#BFD3DD
#C5CBDE
#CCC3DF
#D2BCE0
#DAB2E2
Colorpallet from #B2DAE2 to #B2E2DA and to #DAE2B2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DBE1
#B3DBE0
#B4DBDF
#B5DBDE
#B6DBDD
#B7DBDB
#B8DBDA
#B2DDDF
#B4DDDD
#B6DDDB
#B8DDD9
#BADDD7
#BCDDD5
#BFDDD3
#B2DEDE
#B5DEDB
#B8DED8
#BBDED5
#BEDED2
#C1DECF
#C5DECB
#B2DFDD
#B6DFD9
#BADFD5
#BEDFD1
#C3DFCC
#C7DFC8
#CCDFC3
#B2E0DC
#B7E0D7
#BCE0D2
#C1E0CD
#C6E0C8
#CCE0C2
#D2E0BC
#B2E2DA
#B8E2D4
#BFE2CD
#C5E2C7
#CCE2C0
#D2E2BA
#DAE2B2
Colorpallet from #B2DAE2 to #B2E2DA and to #E2B2DA
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DBE1
#B3DAE1
#B5D9E1
#B6D8E1
#B7D7E1
#B8D5E1
#BAD4E1
#B2DDDF
#B4DADF
#B7D8DF
#B9D5DF
#BCD3DF
#BED0DF
#C1CDDF
#B2DEDE
#B6DADE
#B9D7DE
#BDD3DE
#C1CFDE
#C4CCDE
#C9C7DE
#B2DFDD
#B7DADD
#BCD5DD
#C1D0DD
#C6CBDD
#CBC6DD
#D1C0DD
#B2E0DC
#B8DADC
#BED4DC
#C4CEDC
#CAC8DC
#D0C2DC
#D8BADC
#B2E2DA
#BADADA
#C1D3DA
#C9CBDA
#D1C3DA
#D8BCDA
#E2B2DA
Colorpallet from #B2DAE2 to #B2E2DA and to #E2DAB2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DBE1
#B3DBE0
#B5DBDF
#B6DBDE
#B7DADD
#B8DADB
#BADADA
#B2DDDF
#B4DDDD
#B7DCDB
#B9DCD9
#BCDBD7
#BEDBD5
#C1DAD3
#B2DEDE
#B6DDDB
#B9DDD8
#BDDCD5
#C1DBD2
#C4DBCF
#C9DACB
#B2DFDD
#B7DED9
#BCDDD5
#C1DDD1
#C6DCCC
#CBDBC8
#D1DAC3
#B2E0DC
#B8DFD7
#BEDED2
#C4DDCD
#CADCC8
#D0DBC2
#D8DABC
#B2E2DA
#BAE1D4
#C1DFCD
#C9DEC7
#D1DDC0
#D8DCBA
#E2DAB2
Colorpallet from #B2DAE2 to #DAB2E2 and to #DAE2B2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B8D4E2
#B8D5E1
#B8D6DF
#B8D7DE
#B8D8DD
#B8DADC
#B8DBDA
#BFCDE2
#BFD0E0
#BFD2DD
#BFD5DB
#BFD7D8
#BFDAD6
#BFDDD3
#C5C7E2
#C5CBDE
#C5CEDB
#C5D2D7
#C5D6D3
#C5D9D0
#C5DECB
#CCC0E2
#CCC5DD
#CCCAD8
#CCCFD3
#CCD4CE
#CCD9C9
#CCDFC3
#D2BAE2
#D2C0DC
#D2C6D6
#D2CCD0
#D2D2CA
#D2D8C4
#D2E0BC
#DAB2E2
#DABADA
#DAC1D3
#DAC9CB
#DAD1C3
#DAD8BC
#DAE2B2
Colorpallet from #B2DAE2 to #DAB2E2 and to #E2B2DA
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B8D4E2
#B8D4E2
#B9D4E2
#B9D4E2
#B9D4E1
#BAD4E1
#BAD4E1
#BFCDE2
#BFCDE2
#C0CDE1
#C0CDE1
#C0CDE0
#C1CDE0
#C1CDDF
#C5C7E2
#C6C7E1
#C6C7E1
#C7C7E0
#C8C7DF
#C8C7DF
#C9C7DE
#CCC0E2
#CDC0E1
#CEC0E0
#CEC0E0
#CFC0DF
#D0C0DE
#D1C0DD
#D2BAE2
#D3BAE1
#D4BAE0
#D5BADF
#D6BADE
#D7BADD
#D8BADC
#DAB2E2
#DBB2E1
#DDB2DF
#DEB2DE
#DFB2DD
#E0B2DC
#E2B2DA
Colorpallet from #B2DAE2 to #DAB2E2 and to #E2DAB2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B8D4E2
#B8D5E1
#B9D6DF
#B9D7DE
#B9D8DD
#BAD9DC
#BADADA
#BFCDE2
#BFCFE0
#C0D1DD
#C0D3DB
#C0D5D8
#C1D7D6
#C1DAD3
#C5C7E2
#C6CADE
#C6CDDB
#C7D0D7
#C8D3D3
#C8D6D0
#C9DACB
#CCC0E2
#CDC4DD
#CEC8D8
#CECCD3
#CFD1CE
#D0D5C9
#D1DAC3
#D2BAE2
#D3BFDC
#D4C4D6
#D5C9D0
#D6CECA
#D7D4C4
#D8DABC
#DAB2E2
#DBB8DA
#DDBFD3
#DEC5CB
#DFCCC3
#E0D2BC
#E2DAB2
Colorpallet from #B2DAE2 to #DAE2B2 and to #E2B2DA
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B8DBDA
#B8DADB
#B9D9DC
#B9D8DD
#B9D7DE
#BAD5E0
#BAD4E1
#BFDDD3
#BFDAD5
#C0D8D7
#C0D5D9
#C0D3DB
#C1D0DD
#C1CDDF
#C5DECB
#C6DACE
#C6D7D1
#C7D3D4
#C8CFD7
#C8CCDA
#C9C7DE
#CCDFC3
#CDDAC7
#CED5CB
#CED0CF
#CFCBD4
#D0C6D8
#D1C0DD
#D2E0BC
#D3DAC1
#D4D4C6
#D5CECB
#D6C8D0
#D7C2D6
#D8BADC
#DAE2B2
#DBDAB8
#DDD3BF
#DECBC5
#DFC3CC
#E0BCD2
#E2B2DA
Colorpallet from #B2DAE2 to #DAE2B2 and to #E2DAB2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B8DBDA
#B8DBDA
#B9DBDA
#B9DBDA
#B9DADA
#BADADA
#BADADA
#BFDDD3
#BFDDD3
#C0DCD3
#C0DCD3
#C0DBD3
#C1DBD3
#C1DAD3
#C5DECB
#C6DDCB
#C6DDCB
#C7DCCB
#C8DBCB
#C8DBCB
#C9DACB
#CCDFC3
#CDDEC3
#CEDDC3
#CEDDC3
#CFDCC3
#D0DBC3
#D1DAC3
#D2E0BC
#D3DFBC
#D4DEBC
#D5DDBC
#D6DCBC
#D7DBBC
#D8DABC
#DAE2B2
#DBE1B2
#DDDFB2
#DEDEB2
#DFDDB2
#E0DCB2
#E2DAB2
Colorpallet from #B2DAE2 to #E2B2DA and to #E2DAB2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#B2DAE2
#BAD4E1
#BAD5E0
#BAD6DF
#BAD7DE
#BAD8DD
#BAD9DB
#BADADA
#C1CDDF
#C1CFDD
#C1D1DB
#C1D3D9
#C1D5D7
#C1D7D5
#C1DAD3
#C9C7DE
#C9CADB
#C9CDD8
#C9D0D5
#C9D3D2
#C9D6CF
#C9DACB
#D1C0DD
#D1C4D9
#D1C8D5
#D1CCD1
#D1D1CC
#D1D5C8
#D1DAC3
#D8BADC
#D8BFD7
#D8C4D2
#D8C9CD
#D8CEC8
#D8D4C2
#D8DABC
#E2B2DA
#E2B8D4
#E2BFCD
#E2C5C7
#E2CCC0
#E2D2BA
#E2DAB2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts