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 #B2C3D8 to #B2D8C3 and to #C3B2D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C6D5
#B2C5D5
#B3C4D6
#B3C3D6
#B4C2D7
#B4C1D7
#B5C0D8
#B2CAD1
#B3C8D2
#B4C6D3
#B4C4D4
#B5C2D5
#B6C0D7
#B7BED8
#B2CDCE
#B3CAD0
#B5C7D1
#B6C4D3
#B7C1D4
#B8BFD6
#BABBD8
#B2D0CB
#B4CCCD
#B6C8CF
#B7C4D1
#B9C1D3
#BBBDD5
#BDB8D8
#B2D4C7
#B4CFCA
#B6CACC
#B9C5CF
#BBC0D2
#BDBBD5
#C0B5D8
#B2D8C3
#B5D2C6
#B7CCCA
#BAC6CD
#BDC0D0
#C0BAD4
#C3B2D8
Colorpallet from #B2C3D8 to #B2D8C3 and to #C3D8B2
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C6D5
#B2C6D5
#B3C6D4
#B3C6D4
#B4C6D3
#B4C6D3
#B5C6D2
#B2CAD1
#B3CAD0
#B4CACF
#B4CACF
#B5CACE
#B6CACD
#B7CACC
#B2CDCE
#B3CDCD
#B5CDCB
#B6CDCA
#B7CDC9
#B8CDC8
#BACDC6
#B2D0CB
#B4D0C9
#B6D0C7
#B7D0C6
#B9D0C4
#BBD0C2
#BDD0C0
#B2D4C7
#B4D4C5
#B6D4C3
#B9D4C1
#BBD4BF
#BDD4BD
#C0D4BA
#B2D8C3
#B5D8C0
#B7D8BE
#BAD8BB
#BDD8B8
#C0D8B5
#C3D8B2
Colorpallet from #B2C3D8 to #B2D8C3 and to #D8B2C3
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C6D5
#B3C5D5
#B4C4D5
#B5C3D5
#B6C2D5
#B7C1D5
#B8C0D5
#B2CAD1
#B4C8D1
#B6C6D1
#B8C4D1
#BAC2D1
#BCC0D1
#BEBED1
#B2CDCE
#B5CACE
#B8C7CE
#BBC4CE
#BEC1CE
#C0BFCE
#C4BBCE
#B2D0CB
#B6CCCB
#BAC8CB
#BEC4CB
#C1C1CB
#C5BDCB
#CAB8CB
#B2D4C7
#B7CFC7
#BCCAC7
#C0C5C7
#C5C0C7
#CABBC7
#D0B5C7
#B2D8C3
#B8D2C3
#BECCC3
#C4C6C3
#CAC0C3
#D0BAC3
#D8B2C3
Colorpallet from #B2C3D8 to #B2D8C3 and to #D8C3B2
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C6D5
#B3C6D5
#B4C5D4
#B5C5D4
#B6C4D3
#B7C4D3
#B8C3D2
#B2CAD1
#B4C9D0
#B6C8CF
#B8C7CF
#BAC6CE
#BCC4CD
#BEC3CC
#B2CDCE
#B5CBCD
#B8CACB
#BBC8CA
#BEC7C9
#C0C5C8
#C4C3C6
#B2D0CB
#B6CEC9
#BACCC7
#BECAC6
#C1C8C4
#C5C6C2
#CAC3C0
#B2D4C7
#B7D1C5
#BCCFC3
#C0CCC1
#C5C9BF
#CAC6BD
#D0C3BA
#B2D8C3
#B8D5C0
#BED1BE
#C4CEBB
#CACBB8
#D0C7B5
#D8C3B2
Colorpallet from #B2C3D8 to #C3B2D8 and to #C3D8B2
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B5C0D8
#B5C1D7
#B5C2D6
#B5C3D5
#B5C4D4
#B5C5D3
#B5C6D2
#B7BED8
#B7C0D6
#B7C2D4
#B7C4D2
#B7C6D0
#B7C8CE
#B7CACC
#BABBD8
#BABED5
#BAC1D2
#BAC4CF
#BAC7CC
#BAC9CA
#BACDC6
#BDB8D8
#BDBCD4
#BDC0D0
#BDC4CC
#BDC7C9
#BDCBC5
#BDD0C0
#C0B5D8
#C0BAD3
#C0BFCE
#C0C4CA
#C0C9C5
#C0CEC0
#C0D4BA
#C3B2D8
#C3B8D2
#C3BECC
#C3C4C6
#C3CAC0
#C3D0BA
#C3D8B2
Colorpallet from #B2C3D8 to #C3B2D8 and to #D8B2C3
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B5C0D8
#B5C0D8
#B6C0D7
#B6C0D7
#B7C0D6
#B7C0D6
#B8C0D5
#B7BED8
#B8BED7
#B9BED6
#BABED5
#BBBED4
#BDBED2
#BEBED1
#BABBD8
#BCBBD6
#BDBBD5
#BFBBD3
#C0BBD2
#C2BBD0
#C4BBCE
#BDB8D8
#BFB8D6
#C1B8D4
#C3B8D2
#C5B8D0
#C7B8CE
#CAB8CB
#C0B5D8
#C3B5D5
#C5B5D3
#C8B5D0
#CAB5CD
#CDB5CA
#D0B5C7
#C3B2D8
#C6B2D5
#CAB2D1
#CDB2CE
#D0B2CB
#D4B2C7
#D8B2C3
Colorpallet from #B2C3D8 to #C3B2D8 and to #D8C3B2
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B5C0D8
#B5C0D7
#B6C1D6
#B6C1D5
#B7C2D4
#B7C2D3
#B8C3D2
#B7BED8
#B8BFD6
#B9C0D4
#BAC0D2
#BBC1D0
#BDC2CE
#BEC3CC
#BABBD8
#BCBCD5
#BDBED2
#BFBFCF
#C0C0CC
#C2C1CA
#C4C3C6
#BDB8D8
#BFBAD4
#C1BCD0
#C3BDCC
#C5BFC9
#C7C1C5
#CAC3C0
#C0B5D8
#C3B7D3
#C5B9CE
#C8BCCA
#CABEC5
#CDC0C0
#D0C3BA
#C3B2D8
#C6B5D2
#CAB7CC
#CDBAC6
#D0BDC0
#D4C0BA
#D8C3B2
Colorpallet from #B2C3D8 to #C3D8B2 and to #D8B2C3
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B5C6D2
#B5C5D2
#B6C4D3
#B6C3D3
#B7C2D4
#B7C1D4
#B8C0D5
#B7CACC
#B8C8CD
#B9C6CE
#BAC4CE
#BBC2CF
#BDC0D0
#BEBED1
#BACDC6
#BCCAC7
#BDC7C9
#BFC4CA
#C0C1CB
#C2BFCC
#C4BBCE
#BDD0C0
#BFCCC2
#C1C8C4
#C3C4C5
#C5C1C7
#C7BDC9
#CAB8CB
#C0D4BA
#C3CFBC
#C5CABE
#C8C5C0
#CAC0C2
#CDBBC4
#D0B5C7
#C3D8B2
#C6D2B5
#CACCB7
#CDC6BA
#D0C0BD
#D4BAC0
#D8B2C3
Colorpallet from #B2C3D8 to #C3D8B2 and to #D8C3B2
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B5C6D2
#B5C6D2
#B6C5D2
#B6C5D2
#B7C4D2
#B7C4D2
#B8C3D2
#B7CACC
#B8C9CC
#B9C8CC
#BAC7CC
#BBC6CC
#BDC4CC
#BEC3CC
#BACDC6
#BCCBC6
#BDCAC6
#BFC8C6
#C0C7C6
#C2C5C6
#C4C3C6
#BDD0C0
#BFCEC0
#C1CCC0
#C3CAC0
#C5C8C0
#C7C6C0
#CAC3C0
#C0D4BA
#C3D1BA
#C5CFBA
#C8CCBA
#CAC9BA
#CDC6BA
#D0C3BA
#C3D8B2
#C6D5B2
#CAD1B2
#CDCEB2
#D0CBB2
#D4C7B2
#D8C3B2
Colorpallet from #B2C3D8 to #D8B2C3 and to #D8C3B2
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B2C3D8
#B8C0D5
#B8C0D5
#B8C1D4
#B8C1D4
#B8C2D3
#B8C2D3
#B8C3D2
#BEBED1
#BEBFD0
#BEC0CF
#BEC0CF
#BEC1CE
#BEC2CD
#BEC3CC
#C4BBCE
#C4BCCD
#C4BECB
#C4BFCA
#C4C0C9
#C4C1C8
#C4C3C6
#CAB8CB
#CABAC9
#CABCC7
#CABDC6
#CABFC4
#CAC1C2
#CAC3C0
#D0B5C7
#D0B7C5
#D0B9C3
#D0BCC1
#D0BEBF
#D0C0BD
#D0C3BA
#D8B2C3
#D8B5C0
#D8B7BE
#D8BABB
#D8BDB8
#D8C0B5
#D8C3B2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts