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 #B8C1D2 to #B8D2C1 and to #C1B8D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C4CF
#B8C3CF
#B8C3D0
#B8C2D0
#B9C1D1
#B9C1D1
#B9C0D2
#B8C6CD
#B8C5CE
#B9C3CF
#B9C2CF
#BAC1D0
#BAC0D1
#BBBED2
#B8C9CA
#B9C7CB
#B9C5CD
#BAC3CE
#BBC1CF
#BBBFD0
#BCBDD2
#B8CCC7
#B9C9C9
#BAC7CB
#BBC4CC
#BCC1CE
#BDBED0
#BEBBD2
#B8CFC4
#B9CCC6
#BAC8C8
#BBC5CB
#BCC2CD
#BEBECF
#BFBAD2
#B8D2C1
#B9CEC4
#BBCAC6
#BCC6C9
#BEC1CC
#BFBDCF
#C1B8D2
Colorpallet from #B8C1D2 to #B8D2C1 and to #C1D2B8
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C4CF
#B8C4CF
#B8C4CF
#B8C4CF
#B9C4CE
#B9C4CE
#B9C4CE
#B8C6CD
#B8C6CD
#B9C6CC
#B9C6CC
#BAC6CB
#BAC6CB
#BBC6CA
#B8C9CA
#B9C9C9
#B9C9C9
#BAC9C8
#BBC9C7
#BBC9C7
#BCC9C6
#B8CCC7
#B9CCC6
#BACCC5
#BBCCC4
#BCCCC3
#BDCCC2
#BECCC1
#B8CFC4
#B9CFC3
#BACFC2
#BBCFC1
#BCCFC0
#BECFBE
#BFCFBD
#B8D2C1
#B9D2C0
#BBD2BE
#BCD2BD
#BED2BB
#BFD2BA
#C1D2B8
Colorpallet from #B8C1D2 to #B8D2C1 and to #D2B8C1
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C4CF
#B9C3CF
#B9C3CF
#BAC2CF
#BBC1CF
#BBC1CF
#BCC0CF
#B8C6CD
#B9C5CD
#BBC3CD
#BCC2CD
#BDC1CD
#BEC0CD
#C0BECD
#B8C9CA
#BAC7CA
#BCC5CA
#BEC3CA
#C0C1CA
#C2BFCA
#C4BDCA
#B8CCC7
#BBC9C7
#BDC7C7
#C0C4C7
#C3C1C7
#C6BEC7
#C9BBC7
#B8CFC4
#BBCCC4
#BFC8C4
#C2C5C4
#C5C2C4
#C9BEC4
#CDBAC4
#B8D2C1
#BCCEC1
#C0CAC1
#C4C6C1
#C9C1C1
#CDBDC1
#D2B8C1
Colorpallet from #B8C1D2 to #B8D2C1 and to #D2C1B8
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C4CF
#B9C4CF
#B9C3CF
#BAC3CF
#BBC2CE
#BBC2CE
#BCC1CE
#B8C6CD
#B9C5CD
#BBC4CC
#BCC4CC
#BDC3CB
#BEC2CB
#C0C1CA
#B8C9CA
#BAC8C9
#BCC6C9
#BEC5C8
#C0C4C7
#C2C3C7
#C4C1C6
#B8CCC7
#BBCAC6
#BDC8C5
#C0C7C4
#C3C5C3
#C6C3C2
#C9C1C1
#B8CFC4
#BBCDC3
#BFCBC2
#C2C8C1
#C5C6C0
#C9C4BE
#CDC1BD
#B8D2C1
#BCCFC0
#C0CDBE
#C4CABD
#C9C7BB
#CDC4BA
#D2C1B8
Colorpallet from #B8C1D2 to #C1B8D2 and to #C1D2B8
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B9C0D2
#B9C1D1
#B9C1D1
#B9C2D0
#B9C3CF
#B9C3CF
#B9C4CE
#BBBED2
#BBBFD1
#BBC1CF
#BBC2CE
#BBC3CD
#BBC4CC
#BBC6CA
#BCBDD2
#BCBFD0
#BCC1CE
#BCC3CC
#BCC5CA
#BCC7C8
#BCC9C6
#BEBBD2
#BEBECF
#BEC0CD
#BEC3CA
#BEC6C7
#BEC9C4
#BECCC1
#BFBAD2
#BFBDCF
#BFC1CB
#BFC4C8
#BFC7C5
#BFCBC1
#BFCFBD
#C1B8D2
#C1BCCE
#C1C0CA
#C1C4C6
#C1C9C1
#C1CDBD
#C1D2B8
Colorpallet from #B8C1D2 to #C1B8D2 and to #D2B8C1
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B9C0D2
#B9C0D2
#BAC0D1
#BAC0D1
#BBC0D0
#BBC0D0
#BCC0CF
#BBBED2
#BCBED1
#BDBED0
#BDBED0
#BEBECF
#BFBECE
#C0BECD
#BCBDD2
#BDBDD1
#BFBDCF
#C0BDCE
#C1BDCD
#C2BDCC
#C4BDCA
#BEBBD2
#C0BBD0
#C2BBCE
#C3BBCD
#C5BBCB
#C7BBC9
#C9BBC7
#BFBAD2
#C1BAD0
#C3BACE
#C6BACB
#C8BAC9
#CABAC7
#CDBAC4
#C1B8D2
#C4B8CF
#C6B8CD
#C9B8CA
#CCB8C7
#CFB8C4
#D2B8C1
Colorpallet from #B8C1D2 to #C1B8D2 and to #D2C1B8
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B9C0D2
#B9C0D1
#BAC0D1
#BAC0D0
#BBC1CF
#BBC1CF
#BCC1CE
#BBBED2
#BCBED1
#BDBFCF
#BDBFCE
#BEC0CD
#BFC0CC
#C0C1CA
#BCBDD2
#BDBED0
#BFBECE
#C0BFCC
#C1C0CA
#C2C0C8
#C4C1C6
#BEBBD2
#C0BCCF
#C2BDCD
#C3BECA
#C5BFC7
#C7C0C4
#C9C1C1
#BFBAD2
#C1BBCF
#C3BCCB
#C6BDC8
#C8BEC5
#CAC0C1
#CDC1BD
#C1B8D2
#C4B9CE
#C6BBCA
#C9BCC6
#CCBEC1
#CFBFBD
#D2C1B8
Colorpallet from #B8C1D2 to #C1D2B8 and to #D2B8C1
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B9C4CE
#B9C3CE
#BAC3CE
#BAC2CE
#BBC1CF
#BBC1CF
#BCC0CF
#BBC6CA
#BCC5CA
#BDC3CB
#BDC2CB
#BEC1CC
#BFC0CC
#C0BECD
#BCC9C6
#BDC7C7
#BFC5C7
#C0C3C8
#C1C1C9
#C2BFC9
#C4BDCA
#BECCC1
#C0C9C2
#C2C7C3
#C3C4C4
#C5C1C5
#C7BEC6
#C9BBC7
#BFCFBD
#C1CCBE
#C3C8BF
#C6C5C0
#C8C2C1
#CABEC3
#CDBAC4
#C1D2B8
#C4CEB9
#C6CABB
#C9C6BC
#CCC1BE
#CFBDBF
#D2B8C1
Colorpallet from #B8C1D2 to #C1D2B8 and to #D2C1B8
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B9C4CE
#B9C4CE
#BAC3CE
#BAC3CE
#BBC2CE
#BBC2CE
#BCC1CE
#BBC6CA
#BCC5CA
#BDC4CA
#BDC4CA
#BEC3CA
#BFC2CA
#C0C1CA
#BCC9C6
#BDC8C6
#BFC6C6
#C0C5C6
#C1C4C6
#C2C3C6
#C4C1C6
#BECCC1
#C0CAC1
#C2C8C1
#C3C7C1
#C5C5C1
#C7C3C1
#C9C1C1
#BFCFBD
#C1CDBD
#C3CBBD
#C6C8BD
#C8C6BD
#CAC4BD
#CDC1BD
#C1D2B8
#C4CFB8
#C6CDB8
#C9CAB8
#CCC7B8
#CFC4B8
#D2C1B8
Colorpallet from #B8C1D2 to #D2B8C1 and to #D2C1B8
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#B8C1D2
#BCC0CF
#BCC0CF
#BCC0CF
#BCC0CF
#BCC1CE
#BCC1CE
#BCC1CE
#C0BECD
#C0BECD
#C0BFCC
#C0BFCC
#C0C0CB
#C0C0CB
#C0C1CA
#C4BDCA
#C4BEC9
#C4BEC9
#C4BFC8
#C4C0C7
#C4C0C7
#C4C1C6
#C9BBC7
#C9BCC6
#C9BDC5
#C9BEC4
#C9BFC3
#C9C0C2
#C9C1C1
#CDBAC4
#CDBBC3
#CDBCC2
#CDBDC1
#CDBEC0
#CDC0BE
#CDC1BD
#D2B8C1
#D2B9C0
#D2BBBE
#D2BCBD
#D2BEBB
#D2BFBA
#D2C1B8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts