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 #B4C3D8 to #B4D8C3 and to #C3B4D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C6D5
#B4C5D5
#B5C4D6
#B5C4D6
#B5C3D7
#B6C2D7
#B6C1D8
#B4CAD1
#B5C8D2
#B6C6D3
#B6C4D4
#B7C2D5
#B8C0D7
#B9BED8
#B4CDCE
#B5CAD0
#B6C8D1
#B7C5D3
#B8C2D4
#BABFD6
#BBBCD8
#B4D0CB
#B6CCCD
#B7C9CF
#B9C5D1
#BAC1D3
#BCBED5
#BEB9D8
#B4D4C7
#B6CFCA
#B8CBCC
#BAC6CF
#BCC1D2
#BEBDD5
#C0B7D8
#B4D8C3
#B6D2C6
#B9CCCA
#BBC7CD
#BEC1D0
#C0BBD4
#C3B4D8
Colorpallet from #B4C3D8 to #B4D8C3 and to #C3D8B4
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C6D5
#B4C6D5
#B5C6D4
#B5C6D4
#B5C6D3
#B6C6D3
#B6C6D2
#B4CAD1
#B5CAD0
#B6CACF
#B6CACF
#B7CACE
#B8CACD
#B9CACC
#B4CDCE
#B5CDCD
#B6CDCC
#B7CDCB
#B8CDCA
#BACDC8
#BBCDC7
#B4D0CB
#B6D0C9
#B7D0C8
#B9D0C6
#BAD0C5
#BCD0C3
#BED0C1
#B4D4C7
#B6D4C5
#B8D4C3
#BAD4C1
#BCD4BF
#BED4BD
#C0D4BB
#B4D8C3
#B6D8C1
#B9D8BE
#BBD8BC
#BED8B9
#C0D8B7
#C3D8B4
Colorpallet from #B4C3D8 to #B4D8C3 and to #D8B4C3
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C6D5
#B5C5D5
#B6C4D5
#B7C4D5
#B8C3D5
#B9C2D5
#BAC1D5
#B4CAD1
#B6C8D1
#B8C6D1
#BAC4D1
#BCC2D1
#BEC0D1
#C0BED1
#B4CDCE
#B7CACE
#B9C8CE
#BCC5CE
#BFC2CE
#C2BFCE
#C5BCCE
#B4D0CB
#B8CCCB
#BBC9CB
#BFC5CB
#C3C1CB
#C6BECB
#CBB9CB
#B4D4C7
#B9CFC7
#BDCBC7
#C2C6C7
#C7C1C7
#CBBDC7
#D1B7C7
#B4D8C3
#BAD2C3
#C0CCC3
#C5C7C3
#CBC1C3
#D1BBC3
#D8B4C3
Colorpallet from #B4C3D8 to #B4D8C3 and to #D8C3B4
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C6D5
#B5C6D5
#B6C5D4
#B7C5D4
#B8C4D3
#B9C4D3
#BAC3D2
#B4CAD1
#B6C9D0
#B8C8CF
#BAC7CF
#BCC6CE
#BEC4CD
#C0C3CC
#B4CDCE
#B7CBCD
#B9CACC
#BCC8CB
#BFC7CA
#C2C5C8
#C5C3C7
#B4D0CB
#B8CEC9
#BBCCC8
#BFCAC6
#C3C8C5
#C6C6C3
#CBC3C1
#B4D4C7
#B9D1C5
#BDCFC3
#C2CCC1
#C7C9BF
#CBC6BD
#D1C3BB
#B4D8C3
#BAD5C1
#C0D1BE
#C5CEBC
#CBCBB9
#D1C7B7
#D8C3B4
Colorpallet from #B4C3D8 to #C3B4D8 and to #C3D8B4
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B6C1D8
#B6C2D7
#B6C3D6
#B6C3D5
#B6C4D4
#B6C5D3
#B6C6D2
#B9BED8
#B9C0D6
#B9C2D4
#B9C4D2
#B9C6D0
#B9C8CE
#B9CACC
#BBBCD8
#BBBFD5
#BBC1D3
#BBC4D0
#BBC7CD
#BBCACA
#BBCDC7
#BEB9D8
#BEBDD4
#BEC0D1
#BEC4CD
#BEC8C9
#BECBC6
#BED0C1
#C0B7D8
#C0BCD3
#C0C0CF
#C0C5CA
#C0CAC5
#C0CEC1
#C0D4BB
#C3B4D8
#C3BAD2
#C3C0CC
#C3C5C7
#C3CBC1
#C3D1BB
#C3D8B4
Colorpallet from #B4C3D8 to #C3B4D8 and to #D8B4C3
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B6C1D8
#B7C1D8
#B7C1D7
#B8C1D7
#B9C1D6
#B9C1D6
#BAC1D5
#B9BED8
#BABED7
#BBBED6
#BCBED5
#BDBED4
#BFBED2
#C0BED1
#BBBCD8
#BDBCD6
#BEBCD5
#C0BCD3
#C1BCD2
#C3BCD0
#C5BCCE
#BEB9D8
#C0B9D6
#C2B9D4
#C4B9D2
#C6B9D0
#C8B9CE
#CBB9CB
#C0B7D8
#C3B7D5
#C5B7D3
#C8B7D0
#CBB7CD
#CEB7CA
#D1B7C7
#C3B4D8
#C6B4D5
#CAB4D1
#CDB4CE
#D0B4CB
#D4B4C7
#D8B4C3
Colorpallet from #B4C3D8 to #C3B4D8 and to #D8C3B4
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B6C1D8
#B7C1D7
#B7C2D6
#B8C2D5
#B9C2D4
#B9C3D3
#BAC3D2
#B9BED8
#BABFD6
#BBC0D4
#BCC0D2
#BDC1D0
#BFC2CE
#C0C3CC
#BBBCD8
#BDBDD5
#BEBED3
#C0BFD0
#C1C0CD
#C3C2CA
#C5C3C7
#BEB9D8
#C0BBD4
#C2BCD1
#C4BECD
#C6BFC9
#C8C1C6
#CBC3C1
#C0B7D8
#C3B9D3
#C5BBCF
#C8BDCA
#CBBFC5
#CEC1C1
#D1C3BB
#C3B4D8
#C6B6D2
#CAB9CC
#CDBBC7
#D0BEC1
#D4C0BB
#D8C3B4
Colorpallet from #B4C3D8 to #C3D8B4 and to #D8B4C3
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B6C6D2
#B7C5D2
#B7C4D3
#B8C4D3
#B9C3D4
#B9C2D4
#BAC1D5
#B9CACC
#BAC8CD
#BBC6CE
#BCC4CE
#BDC2CF
#BFC0D0
#C0BED1
#BBCDC7
#BDCAC8
#BEC8C9
#C0C5CA
#C1C2CB
#C3BFCD
#C5BCCE
#BED0C1
#C0CCC3
#C2C9C4
#C4C5C6
#C6C1C7
#C8BEC9
#CBB9CB
#C0D4BB
#C3CFBD
#C5CBBF
#C8C6C1
#CBC1C3
#CEBDC5
#D1B7C7
#C3D8B4
#C6D2B6
#CACCB9
#CDC7BB
#D0C1BE
#D4BBC0
#D8B4C3
Colorpallet from #B4C3D8 to #C3D8B4 and to #D8C3B4
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B6C6D2
#B7C6D2
#B7C5D2
#B8C5D2
#B9C4D2
#B9C4D2
#BAC3D2
#B9CACC
#BAC9CC
#BBC8CC
#BCC7CC
#BDC6CC
#BFC4CC
#C0C3CC
#BBCDC7
#BDCBC7
#BECAC7
#C0C8C7
#C1C7C7
#C3C5C7
#C5C3C7
#BED0C1
#C0CEC1
#C2CCC1
#C4CAC1
#C6C8C1
#C8C6C1
#CBC3C1
#C0D4BB
#C3D1BB
#C5CFBB
#C8CCBB
#CBC9BB
#CEC6BB
#D1C3BB
#C3D8B4
#C6D5B4
#CAD1B4
#CDCEB4
#D0CBB4
#D4C7B4
#D8C3B4
Colorpallet from #B4C3D8 to #D8B4C3 and to #D8C3B4
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#B4C3D8
#BAC1D5
#BAC1D5
#BAC2D4
#BAC2D4
#BAC2D3
#BAC3D3
#BAC3D2
#C0BED1
#C0BFD0
#C0C0CF
#C0C0CF
#C0C1CE
#C0C2CD
#C0C3CC
#C5BCCE
#C5BDCD
#C5BECC
#C5BFCB
#C5C0CA
#C5C2C8
#C5C3C7
#CBB9CB
#CBBBC9
#CBBCC8
#CBBEC6
#CBBFC5
#CBC1C3
#CBC3C1
#D1B7C7
#D1B9C5
#D1BBC3
#D1BDC1
#D1BFBF
#D1C1BD
#D1C3BB
#D8B4C3
#D8B6C1
#D8B9BE
#D8BBBC
#D8BEB9
#D8C0B7
#D8C3B4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts