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 #B8C1E0 to #B8E0C1 and to #C1B8E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C6DB
#B8C5DC
#B8C4DD
#B8C3DD
#B9C2DE
#B9C1DF
#B9C0E0
#B8CBD6
#B8C9D8
#B9C7D9
#B9C5DB
#BAC3DC
#BAC1DE
#BBBEE0
#B8D0D1
#B9CDD3
#B9CAD6
#BAC7D8
#BBC4DB
#BBC1DD
#BCBDE0
#B8D5CC
#B9D1CF
#BACDD2
#BBC9D6
#BCC4D9
#BDC0DC
#BEBBE0
#B8DAC7
#B9D5CB
#BAD0CF
#BBCBD3
#BCC6D7
#BEC0DB
#BFBAE0
#B8E0C1
#B9DAC6
#BBD3CB
#BCCDD0
#BEC6D5
#BFC0DA
#C1B8E0
Colorpallet from #B8C1E0 to #B8E0C1 and to #C1E0B8
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C6DB
#B8C6DB
#B8C6DB
#B8C6DB
#B9C6DA
#B9C6DA
#B9C6DA
#B8CBD6
#B8CBD6
#B9CBD5
#B9CBD5
#BACBD4
#BACBD4
#BBCBD3
#B8D0D1
#B9D0D0
#B9D0D0
#BAD0CF
#BBD0CE
#BBD0CE
#BCD0CD
#B8D5CC
#B9D5CB
#BAD5CA
#BBD5C9
#BCD5C8
#BDD5C7
#BED5C6
#B8DAC7
#B9DAC6
#BADAC5
#BBDAC4
#BCDAC3
#BEDAC1
#BFDAC0
#B8E0C1
#B9E0C0
#BBE0BE
#BCE0BD
#BEE0BB
#BFE0BA
#C1E0B8
Colorpallet from #B8C1E0 to #B8E0C1 and to #E0B8C1
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C6DB
#B9C5DB
#BAC4DB
#BBC3DB
#BCC2DB
#BDC1DB
#BEC0DB
#B8CBD6
#BAC9D6
#BCC7D6
#BEC5D6
#C0C3D6
#C2C1D6
#C5BED6
#B8D0D1
#BBCDD1
#BECAD1
#C1C7D1
#C4C4D1
#C7C1D1
#CBBDD1
#B8D5CC
#BCD1CC
#C0CDCC
#C4C9CC
#C9C4CC
#CDC0CC
#D2BBCC
#B8DAC7
#BDD5C7
#C2D0C7
#C7CBC7
#CCC6C7
#D2C0C7
#D8BAC7
#B8E0C1
#BEDAC1
#C5D3C1
#CBCDC1
#D2C6C1
#D8C0C1
#E0B8C1
Colorpallet from #B8C1E0 to #B8E0C1 and to #E0C1B8
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C6DB
#B9C5DB
#BAC4DB
#BBC4DB
#BCC3DA
#BDC2DA
#BEC1DA
#B8CBD6
#BAC9D6
#BCC8D5
#BEC6D5
#C0C5D4
#C2C3D4
#C5C1D3
#B8D0D1
#BBCED0
#BECBD0
#C1C9CF
#C4C6CE
#C7C4CE
#CBC1CD
#B8D5CC
#BCD2CB
#C0CFCA
#C4CBC9
#C9C8C8
#CDC5C7
#D2C1C6
#B8DAC7
#BDD6C6
#C2D2C5
#C7CEC4
#CCCAC3
#D2C6C1
#D8C1C0
#B8E0C1
#BEDBC0
#C5D6BE
#CBD1BD
#D2CCBB
#D8C7BA
#E0C1B8
Colorpallet from #B8C1E0 to #C1B8E0 and to #C1E0B8
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B9C0E0
#B9C1DF
#B9C2DE
#B9C3DD
#B9C4DC
#B9C5DB
#B9C6DA
#BBBEE0
#BBC0DE
#BBC2DC
#BBC4DA
#BBC6D8
#BBC8D6
#BBCBD3
#BCBDE0
#BCC0DD
#BCC3DA
#BCC6D7
#BCC9D4
#BCCCD1
#BCD0CD
#BEBBE0
#BEBFDC
#BEC3D8
#BEC7D4
#BECCCF
#BED0CB
#BED5C6
#BFBAE0
#BFBFDB
#BFC4D6
#BFC9D1
#BFCECC
#BFD4C6
#BFDAC0
#C1B8E0
#C1BEDA
#C1C5D3
#C1CBCD
#C1D2C6
#C1D8C0
#C1E0B8
Colorpallet from #B8C1E0 to #C1B8E0 and to #E0B8C1
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B9C0E0
#BAC0DF
#BBC0DE
#BBC0DE
#BCC0DD
#BDC0DC
#BEC0DB
#BBBEE0
#BDBEDE
#BEBEDD
#C0BEDB
#C1BEDA
#C3BED8
#C5BED6
#BCBDE0
#BEBDDE
#C1BDDB
#C3BDD9
#C6BDD6
#C8BDD4
#CBBDD1
#BEBBE0
#C1BBDD
#C4BBDA
#C8BBD6
#CBBBD3
#CEBBD0
#D2BBCC
#BFBAE0
#C3BADC
#C7BAD8
#CBBAD4
#CFBAD0
#D3BACC
#D8BAC7
#C1B8E0
#C6B8DB
#CBB8D6
#D0B8D1
#D5B8CC
#DAB8C7
#E0B8C1
Colorpallet from #B8C1E0 to #C1B8E0 and to #E0C1B8
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B9C0E0
#BAC0DF
#BBC0DE
#BBC0DD
#BCC1DC
#BDC1DB
#BEC1DA
#BBBEE0
#BDBEDE
#BEBFDC
#C0BFDA
#C1C0D8
#C3C0D6
#C5C1D3
#BCBDE0
#BEBEDD
#C1BEDA
#C3BFD7
#C6C0D4
#C8C0D1
#CBC1CD
#BEBBE0
#C1BCDC
#C4BDD8
#C8BED4
#CBBFCF
#CEC0CB
#D2C1C6
#BFBAE0
#C3BBDB
#C7BCD6
#CBBDD1
#CFBECC
#D3C0C6
#D8C1C0
#C1B8E0
#C6B9DA
#CBBBD3
#D0BCCD
#D5BEC6
#DABFC0
#E0C1B8
Colorpallet from #B8C1E0 to #C1E0B8 and to #E0B8C1
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B9C6DA
#BAC5DA
#BBC4DA
#BBC3DA
#BCC2DB
#BDC1DB
#BEC0DB
#BBCBD3
#BDC9D3
#BEC7D4
#C0C5D4
#C1C3D5
#C3C1D5
#C5BED6
#BCD0CD
#BECDCE
#C1CACE
#C3C7CF
#C6C4D0
#C8C1D0
#CBBDD1
#BED5C6
#C1D1C7
#C4CDC8
#C8C9C9
#CBC4CA
#CEC0CB
#D2BBCC
#BFDAC0
#C3D5C1
#C7D0C2
#CBCBC3
#CFC6C4
#D3C0C6
#D8BAC7
#C1E0B8
#C6DAB9
#CBD3BB
#D0CDBC
#D5C6BE
#DAC0BF
#E0B8C1
Colorpallet from #B8C1E0 to #C1E0B8 and to #E0C1B8
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B9C6DA
#BAC5DA
#BBC4DA
#BBC4DA
#BCC3DA
#BDC2DA
#BEC1DA
#BBCBD3
#BDC9D3
#BEC8D3
#C0C6D3
#C1C5D3
#C3C3D3
#C5C1D3
#BCD0CD
#BECECD
#C1CBCD
#C3C9CD
#C6C6CD
#C8C4CD
#CBC1CD
#BED5C6
#C1D2C6
#C4CFC6
#C8CBC6
#CBC8C6
#CEC5C6
#D2C1C6
#BFDAC0
#C3D6C0
#C7D2C0
#CBCEC0
#CFCAC0
#D3C6C0
#D8C1C0
#C1E0B8
#C6DBB8
#CBD6B8
#D0D1B8
#D5CCB8
#DAC7B8
#E0C1B8
Colorpallet from #B8C1E0 to #E0B8C1 and to #E0C1B8
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#B8C1E0
#BEC0DB
#BEC0DB
#BEC0DB
#BEC0DB
#BEC1DA
#BEC1DA
#BEC1DA
#C5BED6
#C5BED6
#C5BFD5
#C5BFD5
#C5C0D4
#C5C0D4
#C5C1D3
#CBBDD1
#CBBED0
#CBBED0
#CBBFCF
#CBC0CE
#CBC0CE
#CBC1CD
#D2BBCC
#D2BCCB
#D2BDCA
#D2BEC9
#D2BFC8
#D2C0C7
#D2C1C6
#D8BAC7
#D8BBC6
#D8BCC5
#D8BDC4
#D8BEC3
#D8C0C1
#D8C1C0
#E0B8C1
#E0B9C0
#E0BBBE
#E0BCBD
#E0BEBB
#E0BFBA
#E0C1B8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts