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 #CDDAB3 to #CDB3DA and to #DACDB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDD4B9
#CDD5B8
#CED5B7
#CED6B6
#CED7B5
#CFD7B4
#CFD8B3
#CDCEBF
#CECFBD
#CED1BB
#CFD2B9
#D0D3B7
#D0D4B5
#D1D6B3
#CDC7C6
#CEC9C3
#CFCBC0
#D0CDBD
#D1CFBA
#D2D1B7
#D3D4B3
#CDC1CC
#CEC4C8
#D0C6C4
#D1C9C0
#D2CCBC
#D3CFB8
#D5D2B3
#CDBBD2
#CFBECD
#D0C2C8
#D2C5C3
#D3C8BE
#D5CCB9
#D7D0B3
#CDB3DA
#CFB7D4
#D1BBCE
#D3BFC7
#D5C4C1
#D7C8BB
#DACDB3
Colorpallet from #CDDAB3 to #CDB3DA and to #DAB3CD
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDD4B9
#CDD4B9
#CED4B8
#CED4B8
#CED4B8
#CFD4B7
#CFD4B7
#CDCEBF
#CECEBE
#CECEBE
#CFCEBD
#D0CEBC
#D0CEBC
#D1CEBB
#CDC7C6
#CEC7C5
#CFC7C4
#D0C7C3
#D1C7C2
#D2C7C0
#D3C7BF
#CDC1CC
#CEC1CB
#D0C1C9
#D1C1C8
#D2C1C7
#D3C1C6
#D5C1C4
#CDBBD2
#CFBBD0
#D0BBCF
#D2BBCD
#D3BBCC
#D5BBCA
#D7BBC8
#CDB3DA
#CFB3D8
#D1B3D6
#D3B3D4
#D5B3D2
#D7B3D0
#DAB3CD
Colorpallet from #CDDAB3 to #CDB3DA and to #B3CDDA
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDD4B9
#CCD5B9
#CCD5B9
#CBD6B9
#CAD7B9
#CAD7B9
#C9D8B9
#CDCEBF
#CCCFBF
#CAD1BF
#C9D2BF
#C8D3BF
#C7D4BF
#C5D6BF
#CDC7C6
#CBC9C6
#C9CBC6
#C7CDC6
#C5CFC6
#C3D1C6
#C1D4C6
#CDC1CC
#CAC4CC
#C8C6CC
#C5C9CC
#C2CCCC
#BFCFCC
#BCD2CC
#CDBBD2
#CABED2
#C6C2D2
#C3C5D2
#C0C8D2
#BCCCD2
#B8D0D2
#CDB3DA
#C9B7DA
#C5BBDA
#C1BFDA
#BCC4DA
#B8C8DA
#B3CDDA
Colorpallet from #CDDAB3 to #CDB3DA and to #B3DACD
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDD4B9
#CCD5B9
#CCD6B8
#CBD7B8
#CAD8B8
#CAD9B7
#C9DAB7
#CDCEBF
#CCD0BE
#CAD2BE
#C9D4BD
#C8D6BC
#C7D8BC
#C5DABB
#CDC7C6
#CBCAC5
#C9CDC4
#C7D0C3
#C5D3C2
#C3D6C0
#C1DABF
#CDC1CC
#CAC5CB
#C8C9C9
#C5CDC8
#C2D1C7
#BFD5C6
#BCDAC4
#CDBBD2
#CAC0D0
#C6C5CF
#C3CACD
#C0CFCC
#BCD4CA
#B8DAC8
#CDB3DA
#C9B9D8
#C5BFD6
#C1C6D4
#BCCCD2
#B8D2D0
#B3DACD
Colorpallet from #CDDAB3 to #DACDB3 and to #DAB3CD
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CFD8B3
#CFD7B4
#CFD7B4
#CFD6B5
#CFD5B6
#CFD5B6
#CFD4B7
#D1D6B3
#D1D5B4
#D1D3B6
#D1D2B7
#D1D1B8
#D1D0B9
#D1CEBB
#D3D4B3
#D3D2B5
#D3D0B7
#D3CEB9
#D3CCBB
#D3CABD
#D3C7BF
#D5D2B3
#D5CFB6
#D5CDB8
#D5CABB
#D5C7BE
#D5C4C1
#D5C1C4
#D7D0B3
#D7CDB6
#D7C9BA
#D7C6BD
#D7C3C0
#D7BFC4
#D7BBC8
#DACDB3
#DAC9B7
#DAC5BB
#DAC1BF
#DABCC4
#DAB8C8
#DAB3CD
Colorpallet from #CDDAB3 to #DACDB3 and to #B3CDDA
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CFD8B3
#CED8B4
#CDD8B5
#CCD8B6
#CBD8B7
#CAD8B8
#C9D8B9
#D1D6B3
#CFD6B5
#CDD6B7
#CBD6B9
#C9D6BB
#C7D6BD
#C5D6BF
#D3D4B3
#D0D4B6
#CDD4B9
#CAD4BC
#C7D4BF
#C5D4C2
#C1D4C6
#D5D2B3
#D1D2B7
#CDD2BB
#C9D2BF
#C5D2C3
#C1D2C7
#BCD2CC
#D7D0B3
#D2D0B8
#CDD0BD
#C8D0C2
#C3D0C7
#BED0CC
#B8D0D2
#DACDB3
#D4CDB9
#CECDBF
#C7CDC6
#C1CDCC
#BBCDD2
#B3CDDA
Colorpallet from #CDDAB3 to #DACDB3 and to #B3DACD
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CFD8B3
#CED8B4
#CDD9B4
#CCD9B5
#CBD9B6
#CADAB6
#C9DAB7
#D1D6B3
#CFD7B4
#CDD7B6
#CBD8B7
#C9D9B8
#C7D9B9
#C5DABB
#D3D4B3
#D0D5B5
#CDD6B7
#CAD7B9
#C7D8BB
#C5D9BD
#C1DABF
#D5D2B3
#D1D3B6
#CDD5B8
#C9D6BB
#C5D7BE
#C1D8C1
#BCDAC4
#D7D0B3
#D2D2B6
#CDD3BA
#C8D5BD
#C3D6C0
#BED8C4
#B8DAC8
#DACDB3
#D4CFB7
#CED1BB
#C7D3BF
#C1D5C4
#BBD7C8
#B3DACD
Colorpallet from #CDDAB3 to #DAB3CD and to #B3CDDA
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CFD4B7
#CED5B7
#CDD5B8
#CCD6B8
#CBD7B8
#CAD7B9
#C9D8B9
#D1CEBB
#CFCFBC
#CDD1BC
#CBD2BD
#C9D3BE
#C7D4BE
#C5D6BF
#D3C7BF
#D0C9C0
#CDCBC1
#CACDC2
#C7CFC3
#C5D1C5
#C1D4C6
#D5C1C4
#D1C4C5
#CDC6C7
#C9C9C8
#C5CCC9
#C1CFCA
#BCD2CC
#D7BBC8
#D2BECA
#CDC2CB
#C8C5CD
#C3C8CE
#BECCD0
#B8D0D2
#DAB3CD
#D4B7CF
#CEBBD1
#C7BFD3
#C1C4D5
#BBC8D7
#B3CDDA
Colorpallet from #CDDAB3 to #DAB3CD and to #B3DACD
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CFD4B7
#CED5B7
#CDD6B7
#CCD7B7
#CBD8B7
#CAD9B7
#C9DAB7
#D1CEBB
#CFD0BB
#CDD2BB
#CBD4BB
#C9D6BB
#C7D8BB
#C5DABB
#D3C7BF
#D0CABF
#CDCDBF
#CAD0BF
#C7D3BF
#C5D6BF
#C1DABF
#D5C1C4
#D1C5C4
#CDC9C4
#C9CDC4
#C5D1C4
#C1D5C4
#BCDAC4
#D7BBC8
#D2C0C8
#CDC5C8
#C8CAC8
#C3CFC8
#BED4C8
#B8DAC8
#DAB3CD
#D4B9CD
#CEBFCD
#C7C6CD
#C1CCCD
#BBD2CD
#B3DACD
Colorpallet from #CDDAB3 to #B3CDDA and to #B3DACD
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#CDDAB3
#C9D8B9
#C9D8B9
#C9D9B8
#C9D9B8
#C9D9B8
#C9DAB7
#C9DAB7
#C5D6BF
#C5D7BE
#C5D7BE
#C5D8BD
#C5D9BC
#C5D9BC
#C5DABB
#C1D4C6
#C1D5C5
#C1D6C4
#C1D7C3
#C1D8C2
#C1D9C0
#C1DABF
#BCD2CC
#BCD3CB
#BCD5C9
#BCD6C8
#BCD7C7
#BCD8C6
#BCDAC4
#B8D0D2
#B8D2D0
#B8D3CF
#B8D5CD
#B8D6CC
#B8D8CA
#B8DAC8
#B3CDDA
#B3CFD8
#B3D1D6
#B3D3D4
#B3D5D2
#B3D7D0
#B3DACD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts