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 #B2DDC8 to #B2C8DD and to #DDB2C8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DACB
#B3D9CB
#B4D9CA
#B5D8CA
#B6D7C9
#B8D7C9
#B9D6C8
#B2D6CF
#B4D5CE
#B6D4CD
#B9D3CC
#BBD2CB
#BDD0C9
#C0CFC8
#B2D3D2
#B5D1D0
#B9CFCF
#BCCECD
#BFCCCC
#C3CACA
#C7C8C8
#B2D0D5
#B6CED3
#BBCBD1
#BFC9CF
#C4C6CD
#C8C4CB
#CEC1C8
#B2CCD9
#B7C9D6
#BDC7D4
#C2C4D1
#C8C1CE
#CDBECB
#D4BBC8
#B2C8DD
#B9C4DA
#C0C1D6
#C7BDD3
#CEBAD0
#D4B6CC
#DDB2C8
Colorpallet from #B2DDC8 to #B2C8DD and to #DDC8B2
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DACB
#B3DACA
#B4DAC9
#B5DAC8
#B6DAC7
#B8DAC5
#B9DAC4
#B2D6CF
#B4D6CD
#B6D6CB
#B9D6C8
#BBD6C6
#BDD6C4
#C0D6C1
#B2D3D2
#B5D3CF
#B9D3CB
#BCD3C8
#BFD3C5
#C3D3C1
#C7D3BD
#B2D0D5
#B6D0D1
#BBD0CC
#BFD0C8
#C4D0C4
#C8D0BF
#CED0BA
#B2CCD9
#B7CCD3
#BDCCCE
#C2CCC8
#C8CCC3
#CDCCBD
#D4CCB6
#B2C8DD
#B9C8D6
#C0C8CF
#C7C8C8
#CEC8C1
#D4C8BB
#DDC8B2
Colorpallet from #B2DDC8 to #B2C8DD and to #C8B2DD
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DACB
#B3D9CB
#B3D9CB
#B4D8CB
#B5D7CB
#B5D7CB
#B6D6CB
#B2D6CF
#B3D5CF
#B4D4CF
#B5D3CF
#B6D2CF
#B8D0CF
#B9CFCF
#B2D3D2
#B4D1D2
#B6CFD2
#B7CED2
#B9CCD2
#BBCAD2
#BDC8D2
#B2D0D5
#B4CED5
#B6CBD5
#B9C9D5
#BBC6D5
#BDC4D5
#C0C1D5
#B2CCD9
#B5C9D9
#B8C7D9
#BBC4D9
#BEC1D9
#C0BED9
#C4BBD9
#B2C8DD
#B6C4DD
#B9C1DD
#BDBDDD
#C0BADD
#C4B6DD
#C8B2DD
Colorpallet from #B2DDC8 to #B2C8DD and to #C8DDB2
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DACB
#B3DACA
#B3DBC9
#B4DBC8
#B5DCC7
#B5DCC5
#B6DDC4
#B2D6CF
#B3D7CD
#B4D8CB
#B5D9C8
#B6DAC6
#B8DCC4
#B9DDC1
#B2D3D2
#B4D5CF
#B6D6CB
#B7D8C8
#B9D9C5
#BBDBC1
#BDDDBD
#B2D0D5
#B4D2D1
#B6D4CC
#B9D6C8
#BBD8C4
#BDDABF
#C0DDBA
#B2CCD9
#B5CFD3
#B8D1CE
#BBD4C8
#BED7C3
#C0DABD
#C4DDB6
#B2C8DD
#B6CBD6
#B9CFCF
#BDD2C8
#C0D5C1
#C4D9BB
#C8DDB2
Colorpallet from #B2DDC8 to #DDB2C8 and to #DDC8B2
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B9D6C8
#B9D7C7
#B9D7C7
#B9D8C6
#B9D9C5
#B9D9C5
#B9DAC4
#C0CFC8
#C0D0C7
#C0D1C6
#C0D2C5
#C0D3C4
#C0D5C2
#C0D6C1
#C7C8C8
#C7CAC6
#C7CCC4
#C7CDC3
#C7CFC1
#C7D1BF
#C7D3BD
#CEC1C8
#CEC3C6
#CEC6C4
#CEC8C1
#CECBBF
#CECDBD
#CED0BA
#D4BBC8
#D4BEC5
#D4C0C2
#D4C3BF
#D4C6BC
#D4C9BA
#D4CCB6
#DDB2C8
#DDB6C4
#DDB9C1
#DDBDBD
#DDC0BA
#DDC4B6
#DDC8B2
Colorpallet from #B2DDC8 to #DDB2C8 and to #C8B2DD
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B9D6C8
#B9D6C8
#B8D6C9
#B8D6C9
#B7D6CA
#B7D6CA
#B6D6CB
#C0CFC8
#BFCFC9
#BECFCA
#BDCFCB
#BCCFCC
#BACFCE
#B9CFCF
#C7C8C8
#C5C8CA
#C4C8CB
#C2C8CD
#C1C8CE
#BFC8D0
#BDC8D2
#CEC1C8
#CCC1CA
#CAC1CC
#C7C1CE
#C5C1D0
#C3C1D2
#C0C1D5
#D4BBC8
#D1BBCB
#CFBBCD
#CCBBD0
#CABBD3
#C7BBD6
#C4BBD9
#DDB2C8
#DAB2CB
#D6B2CF
#D3B2D2
#D0B2D5
#CCB2D9
#C8B2DD
Colorpallet from #B2DDC8 to #DDB2C8 and to #C8DDB2
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B9D6C8
#B9D7C7
#B8D8C7
#B8D9C6
#B7DAC5
#B7DCC5
#B6DDC4
#C0CFC8
#BFD1C7
#BED3C6
#BDD6C5
#BCD8C4
#BADAC2
#B9DDC1
#C7C8C8
#C5CBC6
#C4CFC4
#C2D2C3
#C1D5C1
#BFD9BF
#BDDDBD
#CEC1C8
#CCC5C6
#CACAC4
#C7CEC1
#C5D3BF
#C3D7BD
#C0DDBA
#D4BBC8
#D1C0C5
#CFC6C2
#CCCBBF
#CAD1BC
#C7D6BA
#C4DDB6
#DDB2C8
#DAB9C4
#D6C0C1
#D3C7BD
#D0CEBA
#CCD4B6
#C8DDB2
Colorpallet from #B2DDC8 to #DDC8B2 and to #C8B2DD
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B9DAC4
#B9D9C5
#B8D9C6
#B8D8C7
#B7D7C8
#B7D7CA
#B6D6CB
#C0D6C1
#BFD5C3
#BED4C5
#BDD3C8
#BCD2CA
#BAD0CC
#B9CFCF
#C7D3BD
#C5D1C0
#C4CFC4
#C2CEC7
#C1CCCA
#BFCACE
#BDC8D2
#CED0BA
#CCCEBE
#CACBC3
#C7C9C7
#C5C6CB
#C3C4D0
#C0C1D5
#D4CCB6
#D1C9BC
#CFC7C1
#CCC4C7
#CAC1CC
#C7BED2
#C4BBD9
#DDC8B2
#DAC4B9
#D6C1C0
#D3BDC7
#D0BACE
#CCB6D4
#C8B2DD
Colorpallet from #B2DDC8 to #DDC8B2 and to #C8DDB2
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B9DAC4
#B9DAC4
#B8DBC4
#B8DBC4
#B7DCC4
#B7DCC4
#B6DDC4
#C0D6C1
#BFD7C1
#BED8C1
#BDD9C1
#BCDAC1
#BADCC1
#B9DDC1
#C7D3BD
#C5D5BD
#C4D6BD
#C2D8BD
#C1D9BD
#BFDBBD
#BDDDBD
#CED0BA
#CCD2BA
#CAD4BA
#C7D6BA
#C5D8BA
#C3DABA
#C0DDBA
#D4CCB6
#D1CFB6
#CFD1B6
#CCD4B6
#CAD7B6
#C7DAB6
#C4DDB6
#DDC8B2
#DACBB2
#D6CFB2
#D3D2B2
#D0D5B2
#CCD9B2
#C8DDB2
Colorpallet from #B2DDC8 to #C8B2DD and to #C8DDB2
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B2DDC8
#B6D6CB
#B6D7CA
#B6D8C9
#B6D9C8
#B6DAC7
#B6DCC5
#B6DDC4
#B9CFCF
#B9D1CD
#B9D3CB
#B9D6C8
#B9D8C6
#B9DAC4
#B9DDC1
#BDC8D2
#BDCBCF
#BDCFCB
#BDD2C8
#BDD5C5
#BDD9C1
#BDDDBD
#C0C1D5
#C0C5D1
#C0CACC
#C0CEC8
#C0D3C4
#C0D7BF
#C0DDBA
#C4BBD9
#C4C0D3
#C4C6CE
#C4CBC8
#C4D1C3
#C4D6BD
#C4DDB6
#C8B2DD
#C8B9D6
#C8C0CF
#C8C7C8
#C8CEC1
#C8D4BB
#C8DDB2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
