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 #B3CDD6 to #B3D6CD and to #CDB3D6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CED5
#B4CDD5
#B4CCD5
#B5CCD5
#B6CBD6
#B6CAD6
#B7C9D6
#B3D0D3
#B4CED3
#B6CCD4
#B7CBD4
#B8C9D5
#B9C7D5
#BBC5D6
#B3D1D2
#B5CED3
#B7CCD3
#B9C9D4
#BBC7D5
#BDC4D5
#BFC1D6
#B3D3D0
#B6CFD1
#B8CCD2
#BBC8D3
#BEC4D4
#C1C1D5
#C4BCD6
#B3D4CF
#B6D0D0
#BACBD1
#BDC7D2
#C0C2D3
#C4BED5
#C8B8D6
#B3D6CD
#B7D0CE
#BBCBD0
#BFC5D1
#C4C0D3
#C8BAD4
#CDB3D6
Colorpallet from #B3CDD6 to #B3D6CD and to #CDD6B3
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CED5
#B4CED4
#B4CED3
#B5CED3
#B6CED2
#B6CED1
#B7CED0
#B3D0D3
#B4D0D2
#B6D0D0
#B7D0CF
#B8D0CE
#B9D0CD
#BBD0CB
#B3D1D2
#B5D1D0
#B7D1CE
#B9D1CC
#BBD1CA
#BDD1C8
#BFD1C5
#B3D3D0
#B6D3CD
#B8D3CB
#BBD3C8
#BED3C6
#C1D3C3
#C4D3C0
#B3D4CF
#B6D4CC
#BAD4C8
#BDD4C5
#C0D4C2
#C4D4BE
#C8D4BA
#B3D6CD
#B7D6C9
#BBD6C5
#BFD6C1
#C4D6BC
#C8D6B8
#CDD6B3
Colorpallet from #B3CDD6 to #B3D6CD and to #D6B3CD
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CED5
#B4CDD5
#B5CCD5
#B6CCD5
#B7CBD5
#B8CAD5
#B9C9D5
#B3D0D3
#B5CED3
#B7CCD3
#B8CBD3
#BAC9D3
#BCC7D3
#BEC5D3
#B3D1D2
#B6CED2
#B8CCD2
#BBC9D2
#BEC7D2
#C1C4D2
#C4C1D2
#B3D3D0
#B7CFD0
#BACCD0
#BEC8D0
#C1C4D0
#C5C1D0
#C9BCD0
#B3D4CF
#B7D0CF
#BCCBCF
#C0C7CF
#C5C2CF
#C9BECF
#CFB8CF
#B3D6CD
#B9D0CD
#BECBCD
#C4C5CD
#C9C0CD
#CFBACD
#D6B3CD
Colorpallet from #B3CDD6 to #B3D6CD and to #D6CDB3
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CED5
#B4CED4
#B5CED3
#B6CED3
#B7CDD2
#B8CDD1
#B9CDD0
#B3D0D3
#B5D0D2
#B7CFD0
#B8CFCF
#BACECE
#BCCECD
#BECDCB
#B3D1D2
#B6D0D0
#B8D0CE
#BBCFCC
#BECECA
#C1CEC8
#C4CDC5
#B3D3D0
#B7D2CD
#BAD1CB
#BED0C8
#C1CFC6
#C5CEC3
#C9CDC0
#B3D4CF
#B7D3CC
#BCD2C8
#C0D1C5
#C5D0C2
#C9CEBE
#CFCDBA
#B3D6CD
#B9D5C9
#BED3C5
#C4D2C1
#C9D0BC
#CFCFB8
#D6CDB3
Colorpallet from #B3CDD6 to #CDB3D6 and to #CDD6B3
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B7C9D6
#B7CAD5
#B7CBD4
#B7CBD3
#B7CCD2
#B7CDD1
#B7CED0
#BBC5D6
#BBC7D4
#BBC9D2
#BBCAD1
#BBCCCF
#BBCECD
#BBD0CB
#BFC1D6
#BFC4D3
#BFC6D1
#BFC9CE
#BFCBCB
#BFCEC8
#BFD1C5
#C4BCD6
#C4C0D2
#C4C3CF
#C4C7CB
#C4CBC8
#C4CEC4
#C4D3C0
#C8B8D6
#C8BCD2
#C8C1CD
#C8C5C9
#C8CAC4
#C8CEC0
#C8D4BA
#CDB3D6
#CDB9D0
#CDBECB
#CDC4C5
#CDC9C0
#CDCFBA
#CDD6B3
Colorpallet from #B3CDD6 to #CDB3D6 and to #D6B3CD
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B7C9D6
#B7C9D6
#B8C9D6
#B8C9D6
#B8C9D5
#B9C9D5
#B9C9D5
#BBC5D6
#BBC5D6
#BCC5D5
#BCC5D5
#BDC5D4
#BDC5D4
#BEC5D3
#BFC1D6
#C0C1D5
#C1C1D5
#C1C1D4
#C2C1D3
#C3C1D3
#C4C1D2
#C4BCD6
#C5BCD5
#C6BCD4
#C6BCD3
#C7BCD2
#C8BCD1
#C9BCD0
#C8B8D6
#C9B8D5
#CAB8D4
#CBB8D3
#CCB8D2
#CEB8D0
#CFB8CF
#CDB3D6
#CEB3D5
#D0B3D3
#D1B3D2
#D3B3D0
#D4B3CF
#D6B3CD
Colorpallet from #B3CDD6 to #CDB3D6 and to #D6CDB3
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B7C9D6
#B7CAD5
#B8CAD4
#B8CBD3
#B8CCD2
#B9CCD1
#B9CDD0
#BBC5D6
#BBC6D4
#BCC8D2
#BCC9D1
#BDCACF
#BDCBCD
#BECDCB
#BFC1D6
#C0C3D3
#C1C5D1
#C1C7CE
#C2C9CB
#C3CBC8
#C4CDC5
#C4BCD6
#C5BFD2
#C6C1CF
#C6C4CB
#C7C7C8
#C8CAC4
#C9CDC0
#C8B8D6
#C9BBD2
#CABFCD
#CBC2C9
#CCC5C4
#CEC9C0
#CFCDBA
#CDB3D6
#CEB7D0
#D0BBCB
#D1BFC5
#D3C4C0
#D4C8BA
#D6CDB3
Colorpallet from #B3CDD6 to #CDD6B3 and to #D6B3CD
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B7CED0
#B7CDD1
#B8CCD2
#B8CCD2
#B8CBD3
#B9CAD4
#B9C9D5
#BBD0CB
#BBCECC
#BCCCCE
#BCCBCF
#BDC9D0
#BDC7D1
#BEC5D3
#BFD1C5
#C0CEC7
#C1CCC9
#C1C9CB
#C2C7CD
#C3C4CF
#C4C1D2
#C4D3C0
#C5CFC3
#C6CCC5
#C6C8C8
#C7C4CA
#C8C1CD
#C9BCD0
#C8D4BA
#C9D0BD
#CACBC1
#CBC7C4
#CCC2C7
#CEBECB
#CFB8CF
#CDD6B3
#CED0B7
#D0CBBB
#D1C5BF
#D3C0C4
#D4BAC8
#D6B3CD
Colorpallet from #B3CDD6 to #CDD6B3 and to #D6CDB3
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B7CED0
#B7CED0
#B8CED0
#B8CED0
#B8CDD0
#B9CDD0
#B9CDD0
#BBD0CB
#BBD0CB
#BCCFCB
#BCCFCB
#BDCECB
#BDCECB
#BECDCB
#BFD1C5
#C0D0C5
#C1D0C5
#C1CFC5
#C2CEC5
#C3CEC5
#C4CDC5
#C4D3C0
#C5D2C0
#C6D1C0
#C6D0C0
#C7CFC0
#C8CEC0
#C9CDC0
#C8D4BA
#C9D3BA
#CAD2BA
#CBD1BA
#CCD0BA
#CECEBA
#CFCDBA
#CDD6B3
#CED5B3
#D0D3B3
#D1D2B3
#D3D0B3
#D4CFB3
#D6CDB3
Colorpallet from #B3CDD6 to #D6B3CD and to #D6CDB3
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B3CDD6
#B9C9D5
#B9CAD4
#B9CAD3
#B9CBD3
#B9CCD2
#B9CCD1
#B9CDD0
#BEC5D3
#BEC6D2
#BEC8D0
#BEC9CF
#BECACE
#BECBCD
#BECDCB
#C4C1D2
#C4C3D0
#C4C5CE
#C4C7CC
#C4C9CA
#C4CBC8
#C4CDC5
#C9BCD0
#C9BFCD
#C9C1CB
#C9C4C8
#C9C7C6
#C9CAC3
#C9CDC0
#CFB8CF
#CFBBCC
#CFBFC8
#CFC2C5
#CFC5C2
#CFC9BE
#CFCDBA
#D6B3CD
#D6B7C9
#D6BBC5
#D6BFC1
#D6C4BC
#D6C8B8
#D6CDB3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts