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 #B2D2C1 to #B2C1D2 and to #D2B2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2CFC4
#B3CFC4
#B4CEC3
#B4CEC3
#B5CEC2
#B6CDC2
#B7CDC1
#B2CDC6
#B4CCC5
#B5CBC4
#B7CBC4
#B8CAC3
#BAC9C2
#BCC8C1
#B2CAC9
#B4C9C8
#B7C8C6
#B9C7C5
#BCC6C4
#BEC4C3
#C1C3C1
#B2C7CC
#B5C6CA
#B8C4C8
#BCC3C7
#BFC1C5
#C2C0C3
#C6BEC1
#B2C4CF
#B6C2CD
#BAC0CB
#BEBEC8
#C3BCC6
#C7BAC4
#CCB8C1
#B2C1D2
#B7BFCF
#BCBCCD
#C1BACA
#C6B7C7
#CCB5C4
#D2B2C1
Colorpallet from #B2D2C1 to #B2C1D2 and to #D2C1B2
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2CFC4
#B3CFC3
#B4CFC2
#B4CFC2
#B5CFC1
#B6CFC0
#B7CFBF
#B2CDC6
#B4CDC4
#B5CDC3
#B7CDC1
#B8CDC0
#BACDBE
#BCCDBC
#B2CAC9
#B4CAC7
#B7CAC4
#B9CAC2
#BCCABF
#BECABD
#C1CABA
#B2C7CC
#B5C7C9
#B8C7C5
#BCC7C2
#BFC7BF
#C2C7BB
#C6C7B7
#B2C4CF
#B6C4CB
#BAC4C7
#BEC4C3
#C3C4BE
#C7C4BA
#CCC4B5
#B2C1D2
#B7C1CD
#BCC1C8
#C1C1C3
#C6C1BE
#CCC1B8
#D2C1B2
Colorpallet from #B2D2C1 to #B2C1D2 and to #C1B2D2
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2CFC4
#B2CFC4
#B3CEC4
#B3CEC4
#B3CEC4
#B4CDC4
#B4CDC4
#B2CDC6
#B3CCC6
#B4CBC6
#B4CBC6
#B5CAC6
#B6C9C6
#B7C8C6
#B2CAC9
#B3C9C9
#B4C8C9
#B5C7C9
#B6C6C9
#B8C4C9
#B9C3C9
#B2C7CC
#B4C6CC
#B5C4CC
#B7C3CC
#B8C1CC
#BAC0CC
#BCBECC
#B2C4CF
#B4C2CF
#B6C0CF
#B8BECF
#BABCCF
#BCBACF
#BEB8CF
#B2C1D2
#B4BFD2
#B7BCD2
#B9BAD2
#BCB7D2
#BEB5D2
#C1B2D2
Colorpallet from #B2D2C1 to #B2C1D2 and to #C1D2B2
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2CFC4
#B2CFC3
#B3D0C2
#B3D0C2
#B3D1C1
#B4D1C0
#B4D2BF
#B2CDC6
#B3CEC4
#B4CFC3
#B4CFC1
#B5D0C0
#B6D1BE
#B7D2BC
#B2CAC9
#B3CBC7
#B4CDC4
#B5CEC2
#B6CFBF
#B8D0BD
#B9D2BA
#B2C7CC
#B4C9C9
#B5CBC5
#B7CCC2
#B8CEBF
#BAD0BB
#BCD2B7
#B2C4CF
#B4C6CB
#B6C8C7
#B8CBC3
#BACDBE
#BCCFBA
#BED2B5
#B2C1D2
#B4C4CD
#B7C6C8
#B9C9C3
#BCCCBE
#BECFB8
#C1D2B2
Colorpallet from #B2D2C1 to #D2B2C1 and to #D2C1B2
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B7CDC1
#B7CDC1
#B7CEC0
#B7CEC0
#B7CEC0
#B7CFBF
#B7CFBF
#BCC8C1
#BCC9C0
#BCCABF
#BCCABF
#BCCBBE
#BCCCBD
#BCCDBC
#C1C3C1
#C1C4C0
#C1C5BF
#C1C6BE
#C1C7BD
#C1C9BB
#C1CABA
#C6BEC1
#C6BFBF
#C6C1BE
#C6C2BC
#C6C4BB
#C6C5B9
#C6C7B7
#CCB8C1
#CCBABF
#CCBCBD
#CCBEBB
#CCC0B9
#CCC2B7
#CCC4B5
#D2B2C1
#D2B4BF
#D2B7BC
#D2B9BA
#D2BCB7
#D2BEB5
#D2C1B2
Colorpallet from #B2D2C1 to #D2B2C1 and to #C1B2D2
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B7CDC1
#B7CDC1
#B6CDC2
#B6CDC2
#B5CDC3
#B5CDC3
#B4CDC4
#BCC8C1
#BBC8C2
#BAC8C3
#BAC8C3
#B9C8C4
#B8C8C5
#B7C8C6
#C1C3C1
#C0C3C2
#BEC3C4
#BDC3C5
#BCC3C6
#BBC3C7
#B9C3C9
#C6BEC1
#C4BEC3
#C3BEC5
#C1BEC6
#C0BEC8
#BEBECA
#BCBECC
#CCB8C1
#CAB8C3
#C8B8C5
#C5B8C8
#C3B8CA
#C1B8CC
#BEB8CF
#D2B2C1
#CFB2C4
#CDB2C6
#CAB2C9
#C7B2CC
#C4B2CF
#C1B2D2
Colorpallet from #B2D2C1 to #D2B2C1 and to #C1D2B2
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B7CDC1
#B7CEC1
#B6CFC0
#B6CFC0
#B5D0C0
#B5D1BF
#B4D2BF
#BCC8C1
#BBCAC0
#BACBBF
#BACDBF
#B9CEBE
#B8D0BD
#B7D2BC
#C1C3C1
#C0C5C0
#BEC8BF
#BDCABE
#BCCDBD
#BBCFBB
#B9D2BA
#C6BEC1
#C4C1BF
#C3C4BE
#C1C8BC
#C0CBBB
#BECEB9
#BCD2B7
#CCB8C1
#CABCBF
#C8C0BD
#C5C4BB
#C3C9B9
#C1CDB7
#BED2B5
#D2B2C1
#CFB7BF
#CDBCBC
#CAC1BA
#C7C6B7
#C4CCB5
#C1D2B2
Colorpallet from #B2D2C1 to #D2C1B2 and to #C1B2D2
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B7CFBF
#B7CFC0
#B6CEC1
#B6CEC1
#B5CEC2
#B5CDC3
#B4CDC4
#BCCDBC
#BBCCBE
#BACBBF
#BACBC1
#B9CAC2
#B8C9C4
#B7C8C6
#C1CABA
#C0C9BC
#BEC8BF
#BDC7C1
#BCC6C4
#BBC4C6
#B9C3C9
#C6C7B7
#C4C6BA
#C3C4BE
#C1C3C1
#C0C1C4
#BEC0C8
#BCBECC
#CCC4B5
#CAC2B9
#C8C0BD
#C5BEC1
#C3BCC6
#C1BACA
#BEB8CF
#D2C1B2
#CFBFB7
#CDBCBC
#CABAC1
#C7B7C6
#C4B5CC
#C1B2D2
Colorpallet from #B2D2C1 to #D2C1B2 and to #C1D2B2
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B7CFBF
#B7CFBF
#B6D0BF
#B6D0BF
#B5D1BF
#B5D1BF
#B4D2BF
#BCCDBC
#BBCEBC
#BACFBC
#BACFBC
#B9D0BC
#B8D1BC
#B7D2BC
#C1CABA
#C0CBBA
#BECDBA
#BDCEBA
#BCCFBA
#BBD0BA
#B9D2BA
#C6C7B7
#C4C9B7
#C3CBB7
#C1CCB7
#C0CEB7
#BED0B7
#BCD2B7
#CCC4B5
#CAC6B5
#C8C8B5
#C5CBB5
#C3CDB5
#C1CFB5
#BED2B5
#D2C1B2
#CFC4B2
#CDC6B2
#CAC9B2
#C7CCB2
#C4CFB2
#C1D2B2
Colorpallet from #B2D2C1 to #C1B2D2 and to #C1D2B2
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B2D2C1
#B4CDC4
#B4CEC3
#B4CFC2
#B4CFC2
#B4D0C1
#B4D1C0
#B4D2BF
#B7C8C6
#B7CAC4
#B7CBC3
#B7CDC1
#B7CEC0
#B7D0BE
#B7D2BC
#B9C3C9
#B9C5C7
#B9C8C4
#B9CAC2
#B9CDBF
#B9CFBD
#B9D2BA
#BCBECC
#BCC1C9
#BCC4C5
#BCC8C2
#BCCBBF
#BCCEBB
#BCD2B7
#BEB8CF
#BEBCCB
#BEC0C7
#BEC4C3
#BEC9BE
#BECDBA
#BED2B5
#C1B2D2
#C1B7CD
#C1BCC8
#C1C1C3
#C1C6BE
#C1CCB8
#C1D2B2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
