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 #B7C3D8 to #B7D8C3 and to #C3B7D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C6D5
#B7C5D5
#B8C4D6
#B8C4D6
#B8C3D7
#B9C2D7
#B9C1D8
#B7CAD1
#B8C8D2
#B8C6D3
#B9C5D4
#BAC3D5
#BAC1D7
#BBBFD8
#B7CDCE
#B8CAD0
#B9C8D1
#BAC5D3
#BBC3D4
#BCC0D6
#BDBDD8
#B7D0CB
#B8CDCD
#BAC9CF
#BBC6D1
#BCC3D3
#BDBFD5
#BFBBD8
#B7D4C7
#B9D0CA
#BACBCC
#BCC7CF
#BDC3D2
#BFBED5
#C1B9D8
#B7D8C3
#B9D3C6
#BBCDCA
#BDC8CD
#BFC3D0
#C1BED4
#C3B7D8
Colorpallet from #B7C3D8 to #B7D8C3 and to #C3D8B7
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C6D5
#B7C6D5
#B8C6D4
#B8C6D4
#B8C6D4
#B9C6D3
#B9C6D3
#B7CAD1
#B8CAD0
#B8CAD0
#B9CACF
#BACACE
#BACACE
#BBCACD
#B7CDCE
#B8CDCD
#B9CDCC
#BACDCB
#BBCDCA
#BCCDC9
#BDCDC8
#B7D0CB
#B8D0CA
#BAD0C8
#BBD0C7
#BCD0C6
#BDD0C5
#BFD0C3
#B7D4C7
#B9D4C6
#BAD4C4
#BCD4C3
#BDD4C1
#BFD4C0
#C1D4BE
#B7D8C3
#B9D8C1
#BBD8BF
#BDD8BD
#BFD8BB
#C1D8B9
#C3D8B7
Colorpallet from #B7C3D8 to #B7D8C3 and to #D8B7C3
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C6D5
#B8C5D5
#B9C4D5
#B9C4D5
#BAC3D5
#BBC2D5
#BCC1D5
#B7CAD1
#B9C8D1
#BBC6D1
#BCC5D1
#BEC3D1
#C0C1D1
#C2BFD1
#B7CDCE
#BACACE
#BCC8CE
#BFC5CE
#C1C3CE
#C4C0CE
#C7BDCE
#B7D0CB
#BACDCB
#BEC9CB
#C1C6CB
#C4C3CB
#C8BFCB
#CCBBCB
#B7D4C7
#BBD0C7
#BFCBC7
#C3C7C7
#C8C3C7
#CCBEC7
#D1B9C7
#B7D8C3
#BCD3C3
#C2CDC3
#C7C8C3
#CCC3C3
#D1BEC3
#D8B7C3
Colorpallet from #B7C3D8 to #B7D8C3 and to #D8C3B7
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C6D5
#B8C6D5
#B9C5D4
#B9C5D4
#BAC4D4
#BBC4D3
#BCC3D3
#B7CAD1
#B9C9D0
#BBC8D0
#BCC7CF
#BEC6CE
#C0C4CE
#C2C3CD
#B7CDCE
#BACBCD
#BCCACC
#BFC8CB
#C1C7CA
#C4C5C9
#C7C3C8
#B7D0CB
#BACECA
#BECCC8
#C1CAC7
#C4C8C6
#C8C6C5
#CCC3C3
#B7D4C7
#BBD1C6
#BFCFC4
#C3CCC3
#C8C9C1
#CCC6C0
#D1C3BE
#B7D8C3
#BCD5C1
#C2D1BF
#C7CEBD
#CCCBBB
#D1C7B9
#D8C3B7
Colorpallet from #B7C3D8 to #C3B7D8 and to #C3D8B7
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B9C1D8
#B9C2D7
#B9C3D6
#B9C3D6
#B9C4D5
#B9C5D4
#B9C6D3
#BBBFD8
#BBC1D6
#BBC3D4
#BBC4D3
#BBC6D1
#BBC8CF
#BBCACD
#BDBDD8
#BDC0D5
#BDC2D3
#BDC5D0
#BDC7CE
#BDCACB
#BDCDC8
#BFBBD8
#BFBED5
#BFC2D1
#BFC5CE
#BFC8CB
#BFCCC7
#BFD0C3
#C1B9D8
#C1BDD4
#C1C2D0
#C1C6CC
#C1CAC7
#C1CFC3
#C1D4BE
#C3B7D8
#C3BCD3
#C3C2CD
#C3C7C8
#C3CCC3
#C3D1BE
#C3D8B7
Colorpallet from #B7C3D8 to #C3B7D8 and to #D8B7C3
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B9C1D8
#B9C1D8
#BAC1D7
#BAC1D7
#BBC1D6
#BBC1D6
#BCC1D5
#BBBFD8
#BCBFD7
#BDBFD6
#BEBFD5
#BFBFD4
#C1BFD2
#C2BFD1
#BDBDD8
#BFBDD6
#C0BDD5
#C2BDD3
#C3BDD2
#C5BDD0
#C7BDCE
#BFBBD8
#C1BBD6
#C3BBD4
#C5BBD2
#C7BBD0
#C9BBCE
#CCBBCB
#C1B9D8
#C4B9D5
#C6B9D3
#C9B9D0
#CBB9CD
#CEB9CA
#D1B9C7
#C3B7D8
#C6B7D5
#CAB7D1
#CDB7CE
#D0B7CB
#D4B7C7
#D8B7C3
Colorpallet from #B7C3D8 to #C3B7D8 and to #D8C3B7
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B9C1D8
#B9C1D7
#BAC2D6
#BAC2D6
#BBC2D5
#BBC3D4
#BCC3D3
#BBBFD8
#BCC0D6
#BDC0D4
#BEC1D3
#BFC2D1
#C1C2CF
#C2C3CD
#BDBDD8
#BFBED5
#C0BFD3
#C2C0D0
#C3C1CE
#C5C2CB
#C7C3C8
#BFBBD8
#C1BCD5
#C3BED1
#C5BFCE
#C7C0CB
#C9C1C7
#CCC3C3
#C1B9D8
#C4BBD4
#C6BCD0
#C9BECC
#CBBFC7
#CEC1C3
#D1C3BE
#C3B7D8
#C6B9D3
#CABBCD
#CDBDC8
#D0BFC3
#D4C1BE
#D8C3B7
Colorpallet from #B7C3D8 to #C3D8B7 and to #D8B7C3
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B9C6D3
#B9C5D3
#BAC4D4
#BAC4D4
#BBC3D4
#BBC2D5
#BCC1D5
#BBCACD
#BCC8CE
#BDC6CE
#BEC5CF
#BFC3D0
#C1C1D0
#C2BFD1
#BDCDC8
#BFCAC9
#C0C8CA
#C2C5CB
#C3C3CC
#C5C0CD
#C7BDCE
#BFD0C3
#C1CDC4
#C3C9C6
#C5C6C7
#C7C3C8
#C9BFC9
#CCBBCB
#C1D4BE
#C4D0BF
#C6CBC1
#C9C7C2
#CBC3C4
#CEBEC5
#D1B9C7
#C3D8B7
#C6D3B9
#CACDBB
#CDC8BD
#D0C3BF
#D4BEC1
#D8B7C3
Colorpallet from #B7C3D8 to #C3D8B7 and to #D8C3B7
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B9C6D3
#B9C6D3
#BAC5D3
#BAC5D3
#BBC4D3
#BBC4D3
#BCC3D3
#BBCACD
#BCC9CD
#BDC8CD
#BEC7CD
#BFC6CD
#C1C4CD
#C2C3CD
#BDCDC8
#BFCBC8
#C0CAC8
#C2C8C8
#C3C7C8
#C5C5C8
#C7C3C8
#BFD0C3
#C1CEC3
#C3CCC3
#C5CAC3
#C7C8C3
#C9C6C3
#CCC3C3
#C1D4BE
#C4D1BE
#C6CFBE
#C9CCBE
#CBC9BE
#CEC6BE
#D1C3BE
#C3D8B7
#C6D5B7
#CAD1B7
#CDCEB7
#D0CBB7
#D4C7B7
#D8C3B7
Colorpallet from #B7C3D8 to #D8B7C3 and to #D8C3B7
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#B7C3D8
#BCC1D5
#BCC1D5
#BCC2D4
#BCC2D4
#BCC2D4
#BCC3D3
#BCC3D3
#C2BFD1
#C2C0D0
#C2C0D0
#C2C1CF
#C2C2CE
#C2C2CE
#C2C3CD
#C7BDCE
#C7BECD
#C7BFCC
#C7C0CB
#C7C1CA
#C7C2C9
#C7C3C8
#CCBBCB
#CCBCCA
#CCBEC8
#CCBFC7
#CCC0C6
#CCC1C5
#CCC3C3
#D1B9C7
#D1BBC6
#D1BCC4
#D1BEC3
#D1BFC1
#D1C1C0
#D1C3BE
#D8B7C3
#D8B9C1
#D8BBBF
#D8BDBD
#D8BFBB
#D8C1B9
#D8C3B7
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
