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 #B2D1C2 to #B2C2D1 and to #D1B2C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2CFC4
#B3CFC4
#B4CEC3
#B4CEC3
#B5CDC3
#B6CDC2
#B7CCC2
#B2CCC7
#B4CBC6
#B5CAC5
#B7CAC5
#B8C9C4
#BAC8C3
#BCC7C2
#B2CAC9
#B4C9C8
#B7C7C7
#B9C6C6
#BCC5C5
#BEC4C3
#C1C2C2
#B2C7CC
#B5C5CA
#B8C4C9
#BCC2C7
#BFC1C6
#C2BFC4
#C6BDC2
#B2C5CE
#B6C3CC
#BAC1CA
#BEBFC8
#C2BDC6
#C6BBC4
#CBB8C2
#B2C2D1
#B7BFCF
#BCBDCC
#C1BACA
#C6B8C7
#CBB5C5
#D1B2C2
Colorpallet from #B2D1C2 to #B2C2D1 and to #D1C2B2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2CFC4
#B3CFC3
#B4CFC2
#B4CFC2
#B5CFC1
#B6CFC0
#B7CFBF
#B2CCC7
#B4CCC5
#B5CCC4
#B7CCC2
#B8CCC1
#BACCBF
#BCCCBD
#B2CAC9
#B4CAC7
#B7CAC4
#B9CAC2
#BCCABF
#BECABD
#C1CABA
#B2C7CC
#B5C7C9
#B8C7C6
#BCC7C2
#BFC7BF
#C2C7BC
#C6C7B8
#B2C5CE
#B6C5CA
#BAC5C6
#BEC5C2
#C2C5BE
#C6C5BA
#CBC5B5
#B2C2D1
#B7C2CC
#BCC2C7
#C1C2C2
#C6C2BD
#CBC2B8
#D1C2B2
Colorpallet from #B2D1C2 to #B2C2D1 and to #C2B2D1
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2CFC4
#B2CFC4
#B3CEC4
#B3CEC4
#B4CDC4
#B4CDC4
#B5CCC4
#B2CCC7
#B3CBC7
#B4CAC7
#B4CAC7
#B5C9C7
#B6C8C7
#B7C7C7
#B2CAC9
#B3C9C9
#B5C7C9
#B6C6C9
#B7C5C9
#B8C4C9
#BAC2C9
#B2C7CC
#B4C5CC
#B5C4CC
#B7C2CC
#B8C1CC
#BABFCC
#BCBDCC
#B2C5CE
#B4C3CE
#B6C1CE
#B8BFCE
#BABDCE
#BCBBCE
#BFB8CE
#B2C2D1
#B5BFD1
#B7BDD1
#BABAD1
#BCB8D1
#BFB5D1
#C2B2D1
Colorpallet from #B2D1C2 to #B2C2D1 and to #C2D1B2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2CFC4
#B2CFC3
#B3D0C2
#B3D0C2
#B4D0C1
#B4D1C0
#B5D1BF
#B2CCC7
#B3CDC5
#B4CEC4
#B4CEC2
#B5CFC1
#B6D0BF
#B7D1BD
#B2CAC9
#B3CBC7
#B5CCC4
#B6CDC2
#B7CEBF
#B8D0BD
#BAD1BA
#B2C7CC
#B4C9C9
#B5CAC6
#B7CCC2
#B8CDBF
#BACFBC
#BCD1B8
#B2C5CE
#B4C7CA
#B6C9C6
#B8CBC2
#BACDBE
#BCCFBA
#BFD1B5
#B2C2D1
#B5C4CC
#B7C7C7
#BAC9C2
#BCCCBD
#BFCEB8
#C2D1B2
Colorpallet from #B2D1C2 to #D1B2C2 and to #D1C2B2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B7CCC2
#B7CCC2
#B7CDC1
#B7CDC1
#B7CEC0
#B7CEC0
#B7CFBF
#BCC7C2
#BCC8C1
#BCC9C0
#BCC9C0
#BCCABF
#BCCBBE
#BCCCBD
#C1C2C2
#C1C3C1
#C1C5BF
#C1C6BE
#C1C7BD
#C1C8BC
#C1CABA
#C6BDC2
#C6BFC0
#C6C0BF
#C6C2BD
#C6C3BC
#C6C5BA
#C6C7B8
#CBB8C2
#CBBAC0
#CBBCBE
#CBBEBC
#CBC0BA
#CBC2B8
#CBC5B5
#D1B2C2
#D1B5BF
#D1B7BD
#D1BABA
#D1BCB8
#D1BFB5
#D1C2B2
Colorpallet from #B2D1C2 to #D1B2C2 and to #C2B2D1
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B7CCC2
#B7CCC2
#B6CCC3
#B6CCC3
#B6CCC3
#B5CCC4
#B5CCC4
#BCC7C2
#BBC7C3
#BAC7C4
#BAC7C4
#B9C7C5
#B8C7C6
#B7C7C7
#C1C2C2
#C0C2C3
#BFC2C4
#BEC2C5
#BDC2C6
#BBC2C8
#BAC2C9
#C6BDC2
#C4BDC4
#C3BDC5
#C1BDC7
#C0BDC8
#BEBDCA
#BCBDCC
#CBB8C2
#C9B8C4
#C7B8C6
#C5B8C8
#C3B8CA
#C1B8CC
#BFB8CE
#D1B2C2
#CFB2C4
#CCB2C7
#CAB2C9
#C7B2CC
#C5B2CE
#C2B2D1
Colorpallet from #B2D1C2 to #D1B2C2 and to #C2D1B2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B7CCC2
#B7CDC2
#B6CEC1
#B6CEC1
#B6CFC0
#B5D0C0
#B5D1BF
#BCC7C2
#BBC9C1
#BACAC0
#BACCC0
#B9CDBF
#B8CFBE
#B7D1BD
#C1C2C2
#C0C4C1
#BFC7BF
#BEC9BE
#BDCCBD
#BBCEBC
#BAD1BA
#C6BDC2
#C4C0C0
#C3C3BF
#C1C7BD
#C0CABC
#BECDBA
#BCD1B8
#CBB8C2
#C9BCC0
#C7C0BE
#C5C4BC
#C3C8BA
#C1CCB8
#BFD1B5
#D1B2C2
#CFB7BF
#CCBCBD
#CAC1BA
#C7C6B8
#C5CBB5
#C2D1B2
Colorpallet from #B2D1C2 to #D1C2B2 and to #C2B2D1
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B7CFBF
#B7CFC0
#B6CEC1
#B6CEC1
#B6CDC2
#B5CDC3
#B5CCC4
#BCCCBD
#BBCBBF
#BACAC0
#BACAC2
#B9C9C3
#B8C8C5
#B7C7C7
#C1CABA
#C0C9BC
#BFC7BF
#BEC6C1
#BDC5C4
#BBC4C6
#BAC2C9
#C6C7B8
#C4C5BB
#C3C4BE
#C1C2C2
#C0C1C5
#BEBFC8
#BCBDCC
#CBC5B5
#C9C3B9
#C7C1BD
#C5BFC1
#C3BDC5
#C1BBC9
#BFB8CE
#D1C2B2
#CFBFB7
#CCBDBC
#CABAC1
#C7B8C6
#C5B5CB
#C2B2D1
Colorpallet from #B2D1C2 to #D1C2B2 and to #C2D1B2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B7CFBF
#B7CFBF
#B6D0BF
#B6D0BF
#B6D0BF
#B5D1BF
#B5D1BF
#BCCCBD
#BBCDBD
#BACEBD
#BACEBD
#B9CFBD
#B8D0BD
#B7D1BD
#C1CABA
#C0CBBA
#BFCCBA
#BECDBA
#BDCEBA
#BBD0BA
#BAD1BA
#C6C7B8
#C4C9B8
#C3CAB8
#C1CCB8
#C0CDB8
#BECFB8
#BCD1B8
#CBC5B5
#C9C7B5
#C7C9B5
#C5CBB5
#C3CDB5
#C1CFB5
#BFD1B5
#D1C2B2
#CFC4B2
#CCC7B2
#CAC9B2
#C7CCB2
#C5CEB2
#C2D1B2
Colorpallet from #B2D1C2 to #C2B2D1 and to #C2D1B2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B2D1C2
#B5CCC4
#B5CDC3
#B5CEC2
#B5CEC2
#B5CFC1
#B5D0C0
#B5D1BF
#B7C7C7
#B7C9C5
#B7CAC4
#B7CCC2
#B7CDC1
#B7CFBF
#B7D1BD
#BAC2C9
#BAC4C7
#BAC7C4
#BAC9C2
#BACCBF
#BACEBD
#BAD1BA
#BCBDCC
#BCC0C9
#BCC3C6
#BCC7C2
#BCCABF
#BCCDBC
#BCD1B8
#BFB8CE
#BFBCCA
#BFC0C6
#BFC4C2
#BFC8BE
#BFCCBA
#BFD1B5
#C2B2D1
#C2B7CC
#C2BCC7
#C2C1C2
#C2C6BD
#C2CBB8
#C2D1B2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
