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 #CDD6A8 to #CDA8D6 and to #D6CDA8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDCFAF
#CDD0AE
#CDD1AD
#CDD2AC
#CED3AB
#CED4A9
#CED5A8
#CDC7B7
#CDC9B5
#CECBB2
#CECDB0
#CFCFAD
#CFD1AB
#D0D3A8
#CDC0BE
#CEC3BA
#CEC6B7
#CFC9B3
#D0CCB0
#D0CEAC
#D1D2A8
#CDB9C5
#CEBDC0
#CFC0BC
#D0C4B7
#D1C8B2
#D2CBAE
#D3D0A8
#CDB1CD
#CEB6C7
#CFBBC1
#D0BFBB
#D1C4B5
#D3C9AF
#D4CFA8
#CDA8D6
#CEAECF
#D0B4C7
#D1BAC0
#D3C0B9
#D4C6B1
#D6CDA8
Colorpallet from #CDD6A8 to #CDA8D6 and to #D6A8CD
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDCFAF
#CDCFAF
#CDCFAF
#CDCFAF
#CECFAE
#CECFAE
#CECFAE
#CDC7B7
#CDC7B7
#CEC7B6
#CEC7B6
#CFC7B5
#CFC7B5
#D0C7B4
#CDC0BE
#CEC0BD
#CEC0BD
#CFC0BC
#D0C0BB
#D0C0BB
#D1C0BA
#CDB9C5
#CEB9C4
#CFB9C3
#D0B9C3
#D1B9C2
#D2B9C1
#D3B9C0
#CDB1CD
#CEB1CC
#CFB1CB
#D0B1CA
#D1B1C9
#D3B1C7
#D4B1C6
#CDA8D6
#CEA8D5
#D0A8D3
#D1A8D2
#D3A8D0
#D4A8CF
#D6A8CD
Colorpallet from #CDD6A8 to #CDA8D6 and to #A8CDD6
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDCFAF
#CCD0AF
#CBD1AF
#CAD2AF
#C9D3AF
#C8D4AF
#C7D5AF
#CDC7B7
#CBC9B7
#C9CBB7
#C7CDB7
#C5CFB7
#C3D1B7
#C1D3B7
#CDC0BE
#CAC3BE
#C7C6BE
#C4C9BE
#C1CCBE
#BFCEBE
#BBD2BE
#CDB9C5
#C9BDC5
#C5C0C5
#C1C4C5
#BEC8C5
#BACBC5
#B5D0C5
#CDB1CD
#C8B6CD
#C3BBCD
#BFBFCD
#BAC4CD
#B5C9CD
#AFCFCD
#CDA8D6
#C7AED6
#C1B4D6
#BBBAD6
#B5C0D6
#AFC6D6
#A8CDD6
Colorpallet from #CDD6A8 to #CDA8D6 and to #A8D6CD
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDCFAF
#CCD0AF
#CBD1AF
#CAD2AF
#C9D3AE
#C8D5AE
#C7D6AE
#CDC7B7
#CBC9B7
#C9CCB6
#C7CEB6
#C5D1B5
#C3D3B5
#C1D6B4
#CDC0BE
#CAC4BD
#C7C7BD
#C4CBBC
#C1CEBB
#BFD2BB
#BBD6BA
#CDB9C5
#C9BEC4
#C5C2C3
#C1C7C3
#BECCC2
#BAD0C1
#B5D6C0
#CDB1CD
#C8B7CC
#C3BDCB
#BFC3CA
#BAC9C9
#B5CFC7
#AFD6C6
#CDA8D6
#C7AFD5
#C1B7D3
#BBBED2
#B5C5D0
#AFCDCF
#A8D6CD
Colorpallet from #CDD6A8 to #D6CDA8 and to #D6A8CD
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CED5A8
#CED4A9
#CED3AA
#CED2AB
#CED1AC
#CED0AD
#CECFAE
#D0D3A8
#D0D1AA
#D0CFAC
#D0CDAE
#D0CBB0
#D0C9B2
#D0C7B4
#D1D2A8
#D1CFAB
#D1CCAE
#D1C9B1
#D1C6B4
#D1C4B6
#D1C0BA
#D3D0A8
#D3CCAC
#D3C9B0
#D3C5B4
#D3C1B7
#D3BEBB
#D3B9C0
#D4CFA8
#D4CAAD
#D4C5B2
#D4C1B6
#D4BCBB
#D4B7C0
#D4B1C6
#D6CDA8
#D6C7AE
#D6C1B4
#D6BBBA
#D6B5C0
#D6AFC6
#D6A8CD
Colorpallet from #CDD6A8 to #D6CDA8 and to #A8CDD6
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CED5A8
#CDD5A9
#CCD5AA
#CBD5AB
#CAD5AC
#C8D5AE
#C7D5AF
#D0D3A8
#CED3AA
#CBD3AD
#C9D3AF
#C6D3B2
#C4D3B4
#C1D3B7
#D1D2A8
#CDD2AC
#CAD2AF
#C6D2B3
#C3D2B6
#BFD2BA
#BBD2BE
#D3D0A8
#CED0AD
#C9D0B1
#C5D0B6
#C0D0BB
#BBD0BF
#B5D0C5
#D4CFA8
#CECFAE
#C8CFB4
#C2CFBA
#BCCFC0
#B6CFC6
#AFCFCD
#D6CDA8
#CFCDAF
#C7CDB7
#C0CDBE
#B9CDC5
#B1CDCD
#A8CDD6
Colorpallet from #CDD6A8 to #D6CDA8 and to #A8D6CD
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CED5A8
#CDD5A9
#CCD5AA
#CBD5AB
#CAD6AC
#C8D6AD
#C7D6AE
#D0D3A8
#CED3AA
#CBD4AC
#C9D4AE
#C6D5B0
#C4D5B2
#C1D6B4
#D1D2A8
#CDD3AB
#CAD3AE
#C6D4B1
#C3D5B4
#BFD5B6
#BBD6BA
#D3D0A8
#CED1AC
#C9D2B0
#C5D3B4
#C0D4B7
#BBD5BB
#B5D6C0
#D4CFA8
#CED0AD
#C8D1B2
#C2D2B6
#BCD3BB
#B6D5C0
#AFD6C6
#D6CDA8
#CFCEAE
#C7D0B4
#C0D1BA
#B9D3C0
#B1D4C6
#A8D6CD
Colorpallet from #CDD6A8 to #D6A8CD and to #A8CDD6
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CECFAE
#CDD0AE
#CCD1AE
#CBD2AE
#CAD3AF
#C8D4AF
#C7D5AF
#D0C7B4
#CEC9B4
#CBCBB5
#C9CDB5
#C6CFB6
#C4D1B6
#C1D3B7
#D1C0BA
#CDC3BB
#CAC6BB
#C6C9BC
#C3CCBD
#BFCEBD
#BBD2BE
#D3B9C0
#CEBDC1
#C9C0C2
#C5C4C2
#C0C8C3
#BBCBC4
#B5D0C5
#D4B1C6
#CEB6C7
#C8BBC8
#C2BFC9
#BCC4CA
#B6C9CC
#AFCFCD
#D6A8CD
#CFAECE
#C7B4D0
#C0BAD1
#B9C0D3
#B1C6D4
#A8CDD6
Colorpallet from #CDD6A8 to #D6A8CD and to #A8D6CD
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CECFAE
#CDD0AE
#CCD1AE
#CBD2AE
#CAD3AE
#C8D5AE
#C7D6AE
#D0C7B4
#CEC9B4
#CBCCB4
#C9CEB4
#C6D1B4
#C4D3B4
#C1D6B4
#D1C0BA
#CDC4BA
#CAC7BA
#C6CBBA
#C3CEBA
#BFD2BA
#BBD6BA
#D3B9C0
#CEBEC0
#C9C2C0
#C5C7C0
#C0CCC0
#BBD0C0
#B5D6C0
#D4B1C6
#CEB7C6
#C8BDC6
#C2C3C6
#BCC9C6
#B6CFC6
#AFD6C6
#D6A8CD
#CFAFCD
#C7B7CD
#C0BECD
#B9C5CD
#B1CDCD
#A8D6CD
Colorpallet from #CDD6A8 to #A8CDD6 and to #A8D6CD
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#CDD6A8
#C7D5AF
#C7D5AF
#C7D5AF
#C7D5AF
#C7D6AE
#C7D6AE
#C7D6AE
#C1D3B7
#C1D3B7
#C1D4B6
#C1D4B6
#C1D5B5
#C1D5B5
#C1D6B4
#BBD2BE
#BBD3BD
#BBD3BD
#BBD4BC
#BBD5BB
#BBD5BB
#BBD6BA
#B5D0C5
#B5D1C4
#B5D2C3
#B5D3C3
#B5D4C2
#B5D5C1
#B5D6C0
#AFCFCD
#AFD0CC
#AFD1CB
#AFD2CA
#AFD3C9
#AFD5C7
#AFD6C6
#A8CDD6
#A8CED5
#A8D0D3
#A8D1D2
#A8D3D0
#A8D4CF
#A8D6CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts