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 #CDD5B7 to #CDB7D5 and to #D5CDB7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD0BC
#CDD1BB
#CDD1BA
#CDD2BA
#CED3B9
#CED3B8
#CED4B7
#CDCBC1
#CDCCBF
#CECDBE
#CECEBC
#CFCFBB
#CFD1B9
#D0D2B7
#CDC7C5
#CEC9C3
#CECAC1
#CFCCBE
#D0CDBC
#D0CFBA
#D1D1B7
#CDC2CA
#CEC4C7
#CFC6C4
#CFC9C1
#D0CBBE
#D1CDBB
#D2D0B7
#CDBDCF
#CEC0CB
#CFC3C7
#D0C6C3
#D1C9C0
#D2CBBC
#D3CFB7
#CDB7D5
#CEBBD0
#D0BECB
#D1C2C7
#D2C5C2
#D3C9BD
#D5CDB7
Colorpallet from #CDD5B7 to #CDB7D5 and to #D5B7CD
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD0BC
#CDD0BC
#CDD0BC
#CDD0BC
#CED0BB
#CED0BB
#CED0BB
#CDCBC1
#CDCBC1
#CECBC0
#CECBC0
#CFCBBF
#CFCBBF
#D0CBBE
#CDC7C5
#CEC7C5
#CEC7C4
#CFC7C4
#D0C7C3
#D0C7C3
#D1C7C2
#CDC2CA
#CEC2C9
#CFC2C8
#CFC2C8
#D0C2C7
#D1C2C6
#D2C2C5
#CDBDCF
#CEBDCE
#CFBDCD
#D0BDCC
#D1BDCB
#D2BDCA
#D3BDC9
#CDB7D5
#CEB7D4
#D0B7D2
#D1B7D1
#D2B7D0
#D3B7CF
#D5B7CD
Colorpallet from #CDD5B7 to #CDB7D5 and to #B7CDD5
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD0BC
#CCD1BC
#CCD1BC
#CBD2BC
#CAD3BC
#CAD3BC
#C9D4BC
#CDCBC1
#CCCCC1
#CBCDC1
#CACEC1
#C9CFC1
#C7D1C1
#C6D2C1
#CDC7C5
#CBC9C5
#C9CAC5
#C8CCC5
#C6CDC5
#C4CFC5
#C2D1C5
#CDC2CA
#CBC4CA
#C9C6CA
#C6C9CA
#C4CBCA
#C2CDCA
#BFD0CA
#CDBDCF
#CAC0CF
#C7C3CF
#C4C6CF
#C1C9CF
#BFCBCF
#BBCFCF
#CDB7D5
#C9BBD5
#C6BED5
#C2C2D5
#BFC5D5
#BBC9D5
#B7CDD5
Colorpallet from #CDD5B7 to #CDB7D5 and to #B7D5CD
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD0BC
#CCD1BC
#CCD2BC
#CBD2BC
#CAD3BB
#CAD4BB
#C9D5BB
#CDCBC1
#CCCDC1
#CBCEC0
#CAD0C0
#C9D1BF
#C7D3BF
#C6D5BE
#CDC7C5
#CBC9C5
#C9CBC4
#C8CEC4
#C6D0C3
#C4D2C3
#C2D5C2
#CDC2CA
#CBC5C9
#C9C8C8
#C6CBC8
#C4CEC7
#C2D1C6
#BFD5C5
#CDBDCF
#CAC1CE
#C7C5CD
#C4C9CC
#C1CCCB
#BFD0CA
#BBD5C9
#CDB7D5
#C9BCD4
#C6C1D2
#C2C5D1
#BFCAD0
#BBCFCF
#B7D5CD
Colorpallet from #CDD5B7 to #D5CDB7 and to #D5B7CD
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CED4B7
#CED3B8
#CED3B8
#CED2B9
#CED1BA
#CED1BA
#CED0BB
#D0D2B7
#D0D1B8
#D0D0B9
#D0CFBA
#D0CEBB
#D0CCBD
#D0CBBE
#D1D1B7
#D1CFB9
#D1CEBB
#D1CCBC
#D1CBBE
#D1C9C0
#D1C7C2
#D2D0B7
#D2CEB9
#D2CCBB
#D2C9BE
#D2C7C0
#D2C5C2
#D2C2C5
#D3CFB7
#D3CCBA
#D3C9BD
#D3C6C0
#D3C3C3
#D3C1C5
#D3BDC9
#D5CDB7
#D5C9BB
#D5C6BE
#D5C2C2
#D5BFC5
#D5BBC9
#D5B7CD
Colorpallet from #CDD5B7 to #D5CDB7 and to #B7CDD5
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CED4B7
#CDD4B8
#CCD4B9
#CCD4B9
#CBD4BA
#CAD4BB
#C9D4BC
#D0D2B7
#CED2B9
#CDD2BA
#CBD2BC
#CAD2BD
#C8D2BF
#C6D2C1
#D1D1B7
#CFD1B9
#CCD1BB
#CAD1BE
#C7D1C0
#C5D1C2
#C2D1C5
#D2D0B7
#CFD0BA
#CCD0BD
#C9D0C0
#C6D0C3
#C3D0C6
#BFD0CA
#D3CFB7
#CFCFBB
#CBCFBF
#C7CFC3
#C4CFC6
#C0CFCA
#BBCFCF
#D5CDB7
#D0CDBC
#CBCDC1
#C7CDC5
#C2CDCA
#BDCDCF
#B7CDD5
Colorpallet from #CDD5B7 to #D5CDB7 and to #B7D5CD
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CED4B7
#CDD4B8
#CCD4B8
#CCD4B9
#CBD5BA
#CAD5BA
#C9D5BB
#D0D2B7
#CED2B8
#CDD3B9
#CBD3BA
#CAD4BB
#C8D4BD
#C6D5BE
#D1D1B7
#CFD2B9
#CCD2BB
#CAD3BC
#C7D4BE
#C5D4C0
#C2D5C2
#D2D0B7
#CFD1B9
#CCD2BB
#C9D2BE
#C6D3C0
#C3D4C2
#BFD5C5
#D3CFB7
#CFD0BA
#CBD1BD
#C7D2C0
#C4D3C3
#C0D4C5
#BBD5C9
#D5CDB7
#D0CEBB
#CBD0BE
#C7D1C2
#C2D2C5
#BDD3C9
#B7D5CD
Colorpallet from #CDD5B7 to #D5B7CD and to #B7CDD5
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CED0BB
#CDD1BB
#CCD1BB
#CCD2BB
#CBD3BC
#CAD3BC
#C9D4BC
#D0CBBE
#CECCBE
#CDCDBF
#CBCEBF
#CACFC0
#C8D1C0
#C6D2C1
#D1C7C2
#CFC9C2
#CCCAC3
#CACCC3
#C7CDC4
#C5CFC4
#C2D1C5
#D2C2C5
#CFC4C6
#CCC6C7
#C9C9C7
#C6CBC8
#C3CDC9
#BFD0CA
#D3BDC9
#CFC0CA
#CBC3CB
#C7C6CC
#C4C9CD
#C0CBCE
#BBCFCF
#D5B7CD
#D0BBCE
#CBBED0
#C7C2D1
#C2C5D2
#BDC9D3
#B7CDD5
Colorpallet from #CDD5B7 to #D5B7CD and to #B7D5CD
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CED0BB
#CDD1BB
#CCD2BB
#CCD2BB
#CBD3BB
#CAD4BB
#C9D5BB
#D0CBBE
#CECDBE
#CDCEBE
#CBD0BE
#CAD1BE
#C8D3BE
#C6D5BE
#D1C7C2
#CFC9C2
#CCCBC2
#CACEC2
#C7D0C2
#C5D2C2
#C2D5C2
#D2C2C5
#CFC5C5
#CCC8C5
#C9CBC5
#C6CEC5
#C3D1C5
#BFD5C5
#D3BDC9
#CFC1C9
#CBC5C9
#C7C9C9
#C4CCC9
#C0D0C9
#BBD5C9
#D5B7CD
#D0BCCD
#CBC1CD
#C7C5CD
#C2CACD
#BDCFCD
#B7D5CD
Colorpallet from #CDD5B7 to #B7CDD5 and to #B7D5CD
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#CDD5B7
#C9D4BC
#C9D4BC
#C9D4BC
#C9D4BC
#C9D5BB
#C9D5BB
#C9D5BB
#C6D2C1
#C6D2C1
#C6D3C0
#C6D3C0
#C6D4BF
#C6D4BF
#C6D5BE
#C2D1C5
#C2D2C5
#C2D2C4
#C2D3C4
#C2D4C3
#C2D4C3
#C2D5C2
#BFD0CA
#BFD1C9
#BFD2C8
#BFD2C8
#BFD3C7
#BFD4C6
#BFD5C5
#BBCFCF
#BBD0CE
#BBD1CD
#BBD2CC
#BBD3CB
#BBD4CA
#BBD5C9
#B7CDD5
#B7CED4
#B7D0D2
#B7D1D1
#B7D2D0
#B7D3CF
#B7D5CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
