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 #B2D8C8 to #B2C8D8 and to #D8B2C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D5CB
#B3D5CB
#B4D4CA
#B5D4CA
#B6D3C9
#B7D3C9
#B8D2C8
#B2D3CD
#B4D2CC
#B6D1CB
#B8D0CB
#BACFCA
#BCCDC9
#BECCC8
#B2D0D0
#B5CECF
#B8CDCD
#BBCBCC
#BECACB
#C0C8CA
#C4C6C8
#B2CED2
#B6CCD0
#BACACF
#BEC7CD
#C1C5CC
#C5C3CA
#CAC0C8
#B2CBD5
#B7C8D3
#BCC6D1
#C0C3CF
#C5C0CD
#CABDCB
#D0BAC8
#B2C8D8
#B8C4D5
#BEC1D3
#C4BDD0
#CABACE
#D0B6CB
#D8B2C8
Colorpallet from #B2D8C8 to #B2C8D8 and to #D8C8B2
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D5CB
#B3D5CA
#B4D5C9
#B5D5C8
#B6D5C7
#B7D5C5
#B8D5C4
#B2D3CD
#B4D3CB
#B6D3C9
#B8D3C7
#BAD3C5
#BCD3C3
#BED3C1
#B2D0D0
#B5D0CD
#B8D0CA
#BBD0C7
#BED0C4
#C0D0C1
#C4D0BD
#B2CED2
#B6CECE
#BACECA
#BECEC6
#C1CEC3
#C5CEBF
#CACEBA
#B2CBD5
#B7CBD0
#BCCBCB
#C0CBC6
#C5CBC1
#CACBBC
#D0CBB6
#B2C8D8
#B8C8D2
#BEC8CC
#C4C8C6
#CAC8C0
#D0C8BA
#D8C8B2
Colorpallet from #B2D8C8 to #B2C8D8 and to #C8B2D8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D5CB
#B3D5CB
#B3D4CB
#B4D4CB
#B5D3CB
#B5D3CB
#B6D2CB
#B2D3CD
#B3D2CD
#B4D1CD
#B5D0CD
#B6CFCD
#B8CDCD
#B9CCCD
#B2D0D0
#B4CED0
#B6CDD0
#B7CBD0
#B9CAD0
#BBC8D0
#BDC6D0
#B2CED2
#B4CCD2
#B6CAD2
#B9C7D2
#BBC5D2
#BDC3D2
#C0C0D2
#B2CBD5
#B5C8D5
#B8C6D5
#BBC3D5
#BEC0D5
#C0BDD5
#C4BAD5
#B2C8D8
#B6C4D8
#B9C1D8
#BDBDD8
#C0BAD8
#C4B6D8
#C8B2D8
Colorpallet from #B2D8C8 to #B2C8D8 and to #C8D8B2
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D5CB
#B3D5CA
#B3D6C9
#B4D6C8
#B5D7C7
#B5D7C5
#B6D8C4
#B2D3CD
#B3D4CB
#B4D5C9
#B5D5C7
#B6D6C5
#B8D7C3
#B9D8C1
#B2D0D0
#B4D1CD
#B6D3CA
#B7D4C7
#B9D5C4
#BBD6C1
#BDD8BD
#B2CED2
#B4D0CE
#B6D1CA
#B9D3C6
#BBD4C3
#BDD6BF
#C0D8BA
#B2CBD5
#B5CDD0
#B8CFCB
#BBD1C6
#BED3C1
#C0D5BC
#C4D8B6
#B2C8D8
#B6CBD2
#B9CDCC
#BDD0C6
#C0D2C0
#C4D5BA
#C8D8B2
Colorpallet from #B2D8C8 to #D8B2C8 and to #D8C8B2
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B8D2C8
#B8D2C7
#B8D3C7
#B8D3C6
#B8D4C5
#B8D4C5
#B8D5C4
#BECCC8
#BECDC7
#BECEC6
#BECFC5
#BED0C4
#BED2C2
#BED3C1
#C4C6C8
#C4C8C6
#C4C9C4
#C4CBC3
#C4CCC1
#C4CEBF
#C4D0BD
#CAC0C8
#CAC2C6
#CAC4C4
#CAC7C1
#CAC9BF
#CACBBD
#CACEBA
#D0BAC8
#D0BDC5
#D0BFC2
#D0C2BF
#D0C5BC
#D0C8BA
#D0CBB6
#D8B2C8
#D8B6C4
#D8B9C1
#D8BDBD
#D8C0BA
#D8C4B6
#D8C8B2
Colorpallet from #B2D8C8 to #D8B2C8 and to #C8B2D8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B8D2C8
#B8D2C8
#B7D2C9
#B7D2C9
#B7D2CA
#B6D2CA
#B6D2CB
#BECCC8
#BDCCC9
#BCCCCA
#BCCCCA
#BBCCCB
#BACCCC
#B9CCCD
#C4C6C8
#C3C6C9
#C2C6CB
#C1C6CC
#C0C6CD
#BEC6CE
#BDC6D0
#CAC0C8
#C8C0CA
#C7C0CB
#C5C0CD
#C4C0CE
#C2C0D0
#C0C0D2
#D0BAC8
#CEBACA
#CCBACC
#CABACE
#C8BAD0
#C6BAD2
#C4BAD5
#D8B2C8
#D5B2CB
#D3B2CD
#D0B2D0
#CEB2D2
#CBB2D5
#C8B2D8
Colorpallet from #B2D8C8 to #D8B2C8 and to #C8D8B2
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B8D2C8
#B8D3C7
#B7D4C7
#B7D5C6
#B7D6C5
#B6D7C5
#B6D8C4
#BECCC8
#BDCEC7
#BCD0C6
#BCD2C5
#BBD4C4
#BAD6C2
#B9D8C1
#C4C6C8
#C3C9C6
#C2CCC4
#C1CFC3
#C0D2C1
#BED4BF
#BDD8BD
#CAC0C8
#C8C4C6
#C7C8C4
#C5CCC1
#C4CFBF
#C2D3BD
#C0D8BA
#D0BAC8
#CEBFC5
#CCC4C2
#CAC8BF
#C8CDBC
#C6D2BA
#C4D8B6
#D8B2C8
#D5B8C4
#D3BEC1
#D0C4BD
#CECABA
#CBD0B6
#C8D8B2
Colorpallet from #B2D8C8 to #D8C8B2 and to #C8B2D8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B8D5C4
#B8D5C5
#B7D4C6
#B7D4C7
#B7D3C8
#B6D3CA
#B6D2CB
#BED3C1
#BDD2C3
#BCD1C5
#BCD0C7
#BBCFC9
#BACDCB
#B9CCCD
#C4D0BD
#C3CEC0
#C2CDC3
#C1CBC6
#C0CAC9
#BEC8CC
#BDC6D0
#CACEBA
#C8CCBE
#C7CAC2
#C5C7C6
#C4C5C9
#C2C3CD
#C0C0D2
#D0CBB6
#CEC8BB
#CCC6C0
#CAC3C5
#C8C0CA
#C6BDCF
#C4BAD5
#D8C8B2
#D5C4B8
#D3C1BE
#D0BDC4
#CEBACA
#CBB6D0
#C8B2D8
Colorpallet from #B2D8C8 to #D8C8B2 and to #C8D8B2
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B8D5C4
#B8D5C4
#B7D6C4
#B7D6C4
#B7D7C4
#B6D7C4
#B6D8C4
#BED3C1
#BDD4C1
#BCD5C1
#BCD5C1
#BBD6C1
#BAD7C1
#B9D8C1
#C4D0BD
#C3D1BD
#C2D3BD
#C1D4BD
#C0D5BD
#BED6BD
#BDD8BD
#CACEBA
#C8D0BA
#C7D1BA
#C5D3BA
#C4D4BA
#C2D6BA
#C0D8BA
#D0CBB6
#CECDB6
#CCCFB6
#CAD1B6
#C8D3B6
#C6D5B6
#C4D8B6
#D8C8B2
#D5CBB2
#D3CDB2
#D0D0B2
#CED2B2
#CBD5B2
#C8D8B2
Colorpallet from #B2D8C8 to #C8B2D8 and to #C8D8B2
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B2D8C8
#B6D2CB
#B6D3CA
#B6D4C9
#B6D5C8
#B6D6C7
#B6D7C5
#B6D8C4
#B9CCCD
#B9CECB
#B9D0C9
#B9D2C7
#B9D4C5
#B9D6C3
#B9D8C1
#BDC6D0
#BDC9CD
#BDCCCA
#BDCFC7
#BDD2C4
#BDD4C1
#BDD8BD
#C0C0D2
#C0C4CE
#C0C8CA
#C0CCC6
#C0CFC3
#C0D3BF
#C0D8BA
#C4BAD5
#C4BFD0
#C4C4CB
#C4C8C6
#C4CDC1
#C4D2BC
#C4D8B6
#C8B2D8
#C8B8D2
#C8BECC
#C8C4C6
#C8CAC0
#C8D0BA
#C8D8B2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts