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 #B3C1D2 to #B3D2C1 and to #C1B3D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C4CF
#B3C3CF
#B4C2D0
#B4C2D0
#B4C1D1
#B5C0D1
#B5BFD2
#B3C6CD
#B4C5CE
#B4C3CF
#B5C2CF
#B6C0D0
#B6BFD1
#B7BDD2
#B3C9CA
#B4C7CB
#B5C4CD
#B6C2CE
#B7BFCF
#B9BDD0
#BABAD2
#B3CCC7
#B4C9C9
#B6C6CB
#B7C2CC
#B9BFCE
#BABCD0
#BCB8D2
#B3CFC4
#B5CBC6
#B7C7C8
#B8C3CB
#BABFCD
#BCBBCF
#BEB6D2
#B3D2C1
#B5CDC4
#B7C8C6
#BAC3C9
#BCBECC
#BEB9CF
#C1B3D2
Colorpallet from #B3C1D2 to #B3D2C1 and to #C1D2B3
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C4CF
#B3C4CF
#B4C4CE
#B4C4CE
#B4C4CE
#B5C4CD
#B5C4CD
#B3C6CD
#B4C6CC
#B4C6CB
#B5C6CB
#B6C6CA
#B6C6C9
#B7C6C8
#B3C9CA
#B4C9C9
#B5C9C8
#B6C9C7
#B7C9C6
#B9C9C4
#BAC9C3
#B3CCC7
#B4CCC6
#B6CCC4
#B7CCC3
#B9CCC1
#BACCC0
#BCCCBE
#B3CFC4
#B5CFC2
#B7CFC0
#B8CFBF
#BACFBD
#BCCFBB
#BECFB9
#B3D2C1
#B5D2BF
#B7D2BD
#BAD2BA
#BCD2B8
#BED2B6
#C1D2B3
Colorpallet from #B3C1D2 to #B3D2C1 and to #D2B3C1
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C4CF
#B4C3CF
#B5C2CF
#B5C2CF
#B6C1CF
#B7C0CF
#B8BFCF
#B3C6CD
#B5C5CD
#B6C3CD
#B8C2CD
#B9C0CD
#BBBFCD
#BDBDCD
#B3C9CA
#B5C7CA
#B8C4CA
#BAC2CA
#BDBFCA
#BFBDCA
#C2BACA
#B3CCC7
#B6C9C7
#B9C6C7
#BDC2C7
#C0BFC7
#C3BCC7
#C7B8C7
#B3CFC4
#B7CBC4
#BBC7C4
#BFC3C4
#C3BFC4
#C7BBC4
#CCB6C4
#B3D2C1
#B8CDC1
#BDC8C1
#C2C3C1
#C7BEC1
#CCB9C1
#D2B3C1
Colorpallet from #B3C1D2 to #B3D2C1 and to #D2C1B3
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C4CF
#B4C4CF
#B5C3CE
#B5C3CE
#B6C2CE
#B7C2CD
#B8C1CD
#B3C6CD
#B5C5CC
#B6C4CB
#B8C4CB
#B9C3CA
#BBC2C9
#BDC1C8
#B3C9CA
#B5C8C9
#B8C6C8
#BAC5C7
#BDC4C6
#BFC3C4
#C2C1C3
#B3CCC7
#B6CAC6
#B9C8C4
#BDC7C3
#C0C5C1
#C3C3C0
#C7C1BE
#B3CFC4
#B7CDC2
#BBCBC0
#BFC8BF
#C3C6BD
#C7C4BB
#CCC1B9
#B3D2C1
#B8CFBF
#BDCDBD
#C2CABA
#C7C7B8
#CCC4B6
#D2C1B3
Colorpallet from #B3C1D2 to #C1B3D2 and to #C1D2B3
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B5BFD2
#B5C0D1
#B5C1D0
#B5C1D0
#B5C2CF
#B5C3CE
#B5C4CD
#B7BDD2
#B7BED0
#B7C0CF
#B7C1CD
#B7C3CC
#B7C4CA
#B7C6C8
#BABAD2
#BABCD0
#BABFCD
#BAC1CB
#BAC4C8
#BAC6C6
#BAC9C3
#BCB8D2
#BCBBCF
#BCBECC
#BCC2C8
#BCC5C5
#BCC8C2
#BCCCBE
#BEB6D2
#BEBACE
#BEBECA
#BEC2C6
#BEC6C2
#BECABE
#BECFB9
#C1B3D2
#C1B8CD
#C1BDC8
#C1C2C3
#C1C7BE
#C1CCB9
#C1D2B3
Colorpallet from #B3C1D2 to #C1B3D2 and to #D2B3C1
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B5BFD2
#B5BFD2
#B6BFD1
#B6BFD1
#B7BFD0
#B7BFD0
#B8BFCF
#B7BDD2
#B8BDD1
#B9BDD0
#BABDD0
#BBBDCF
#BCBDCE
#BDBDCD
#BABAD2
#BBBAD1
#BDBACF
#BEBACE
#BFBACD
#C0BACC
#C2BACA
#BCB8D2
#BEB8D0
#C0B8CE
#C1B8CD
#C3B8CB
#C5B8C9
#C7B8C7
#BEB6D2
#C0B6D0
#C2B6CE
#C5B6CB
#C7B6C9
#C9B6C7
#CCB6C4
#C1B3D2
#C4B3CF
#C6B3CD
#C9B3CA
#CCB3C7
#CFB3C4
#D2B3C1
Colorpallet from #B3C1D2 to #C1B3D2 and to #D2C1B3
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B5BFD2
#B5BFD1
#B6C0D0
#B6C0D0
#B7C0CF
#B7C1CE
#B8C1CD
#B7BDD2
#B8BED0
#B9BECF
#BABFCD
#BBC0CC
#BCC0CA
#BDC1C8
#BABAD2
#BBBBD0
#BDBCCD
#BEBDCB
#BFBEC8
#C0C0C6
#C2C1C3
#BCB8D2
#BEB9CF
#C0BBCC
#C1BCC8
#C3BEC5
#C5BFC2
#C7C1BE
#BEB6D2
#C0B8CE
#C2BACA
#C5BBC6
#C7BDC2
#C9BFBE
#CCC1B9
#C1B3D2
#C4B5CD
#C6B7C8
#C9BAC3
#CCBCBE
#CFBEB9
#D2C1B3
Colorpallet from #B3C1D2 to #C1D2B3 and to #D2B3C1
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B5C4CD
#B5C3CD
#B6C2CE
#B6C2CE
#B7C1CE
#B7C0CF
#B8BFCF
#B7C6C8
#B8C5C9
#B9C3CA
#BAC2CA
#BBC0CB
#BCBFCC
#BDBDCD
#BAC9C3
#BBC7C4
#BDC4C5
#BEC2C6
#BFBFC7
#C0BDC9
#C2BACA
#BCCCBE
#BEC9BF
#C0C6C1
#C1C2C2
#C3BFC4
#C5BCC5
#C7B8C7
#BECFB9
#C0CBBB
#C2C7BD
#C5C3BE
#C7BFC0
#C9BBC2
#CCB6C4
#C1D2B3
#C4CDB5
#C6C8B7
#C9C3BA
#CCBEBC
#CFB9BE
#D2B3C1
Colorpallet from #B3C1D2 to #C1D2B3 and to #D2C1B3
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B5C4CD
#B5C4CD
#B6C3CD
#B6C3CD
#B7C2CD
#B7C2CD
#B8C1CD
#B7C6C8
#B8C5C8
#B9C4C8
#BAC4C8
#BBC3C8
#BCC2C8
#BDC1C8
#BAC9C3
#BBC8C3
#BDC6C3
#BEC5C3
#BFC4C3
#C0C3C3
#C2C1C3
#BCCCBE
#BECABE
#C0C8BE
#C1C7BE
#C3C5BE
#C5C3BE
#C7C1BE
#BECFB9
#C0CDB9
#C2CBB9
#C5C8B9
#C7C6B9
#C9C4B9
#CCC1B9
#C1D2B3
#C4CFB3
#C6CDB3
#C9CAB3
#CCC7B3
#CFC4B3
#D2C1B3
Colorpallet from #B3C1D2 to #D2B3C1 and to #D2C1B3
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B3C1D2
#B8BFCF
#B8BFCF
#B8C0CE
#B8C0CE
#B8C0CE
#B8C1CD
#B8C1CD
#BDBDCD
#BDBECC
#BDBECB
#BDBFCB
#BDC0CA
#BDC0C9
#BDC1C8
#C2BACA
#C2BBC9
#C2BCC8
#C2BDC7
#C2BEC6
#C2C0C4
#C2C1C3
#C7B8C7
#C7B9C6
#C7BBC4
#C7BCC3
#C7BEC1
#C7BFC0
#C7C1BE
#CCB6C4
#CCB8C2
#CCBAC0
#CCBBBF
#CCBDBD
#CCBFBB
#CCC1B9
#D2B3C1
#D2B5BF
#D2B7BD
#D2BABA
#D2BCB8
#D2BEB6
#D2C1B3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts