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 #C1D1A8 to #C1A8D1 and to #D1C1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1CAAF
#C1CBAE
#C2CBAD
#C2CCAC
#C3CDAB
#C3CDA9
#C4CEA8
#C1C4B5
#C2C5B3
#C3C7B1
#C3C8AF
#C4C9AD
#C5CAAB
#C6CCA8
#C1BDBC
#C2BFB9
#C4C1B6
#C5C3B2
#C6C5AF
#C7C7AC
#C9C9A8
#C1B7C2
#C3BABE
#C4BCBA
#C6BFB6
#C7C1B1
#C9C4AD
#CBC7A8
#C1B0C9
#C3B3C4
#C5B6BE
#C7BAB9
#C9BDB4
#CBC0AF
#CEC4A8
#C1A8D1
#C4ACCA
#C6B0C4
#C9B4BD
#CBB8B7
#CEBCB0
#D1C1A8
Colorpallet from #C1D1A8 to #C1A8D1 and to #D1A8C1
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1CAAF
#C1CAAF
#C2CAAE
#C2CAAE
#C3CAAD
#C3CAAD
#C4CAAC
#C1C4B5
#C2C4B4
#C3C4B3
#C3C4B3
#C4C4B2
#C5C4B1
#C6C4B0
#C1BDBC
#C2BDBB
#C4BDB9
#C5BDB8
#C6BDB7
#C7BDB6
#C9BDB4
#C1B7C2
#C3B7C0
#C4B7BF
#C6B7BD
#C7B7BC
#C9B7BA
#CBB7B8
#C1B0C9
#C3B0C7
#C5B0C5
#C7B0C3
#C9B0C1
#CBB0BF
#CEB0BC
#C1A8D1
#C4A8CE
#C6A8CC
#C9A8C9
#CBA8C7
#CEA8C4
#D1A8C1
Colorpallet from #C1D1A8 to #C1A8D1 and to #A8C1D1
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1CAAF
#C0CBAF
#C0CBAF
#BFCCAF
#BECDAF
#BECDAF
#BDCEAF
#C1C4B5
#C0C5B5
#BEC7B5
#BDC8B5
#BCC9B5
#BBCAB5
#B9CCB5
#C1BDBC
#BFBFBC
#BDC1BC
#BBC3BC
#B9C5BC
#B7C7BC
#B5C9BC
#C1B7C2
#BEBAC2
#BCBCC2
#B9BFC2
#B7C1C2
#B4C4C2
#B1C7C2
#C1B0C9
#BEB3C9
#BBB6C9
#B7BAC9
#B4BDC9
#B1C0C9
#ADC4C9
#C1A8D1
#BDACD1
#B9B0D1
#B5B4D1
#B1B8D1
#ADBCD1
#A8C1D1
Colorpallet from #C1D1A8 to #C1A8D1 and to #A8D1C1
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1CAAF
#C0CBAF
#C0CCAE
#BFCDAE
#BECEAD
#BED0AD
#BDD1AC
#C1C4B5
#C0C6B4
#BEC8B3
#BDCAB3
#BCCCB2
#BBCEB1
#B9D1B0
#C1BDBC
#BFC0BB
#BDC3B9
#BBC7B8
#B9CAB7
#B7CDB6
#B5D1B4
#C1B7C2
#BEBBC0
#BCBFBF
#B9C3BD
#B7C8BC
#B4CCBA
#B1D1B8
#C1B0C9
#BEB5C7
#BBBBC5
#B7C0C3
#B4C5C1
#B1CABF
#ADD1BC
#C1A8D1
#BDAFCE
#B9B5CC
#B5BCC9
#B1C2C7
#ADC9C4
#A8D1C1
Colorpallet from #C1D1A8 to #D1C1A8 and to #D1A8C1
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C4CEA8
#C4CDA9
#C4CDA9
#C4CCAA
#C4CBAB
#C4CBAB
#C4CAAC
#C6CCA8
#C6CBA9
#C6C9AB
#C6C8AC
#C6C7AD
#C6C6AE
#C6C4B0
#C9C9A8
#C9C7AA
#C9C5AC
#C9C3AE
#C9C1B0
#C9BFB2
#C9BDB4
#CBC7A8
#CBC4AB
#CBC2AD
#CBBFB0
#CBBDB2
#CBBAB5
#CBB7B8
#CEC4A8
#CEC1AB
#CEBEAE
#CEBAB2
#CEB7B5
#CEB4B8
#CEB0BC
#D1C1A8
#D1BDAC
#D1B9B0
#D1B5B4
#D1B1B8
#D1ADBC
#D1A8C1
Colorpallet from #C1D1A8 to #D1C1A8 and to #A8C1D1
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C4CEA8
#C3CEA9
#C2CEAA
#C1CEAB
#C0CEAC
#BECEAE
#BDCEAF
#C6CCA8
#C4CCAA
#C2CCAC
#C0CCAE
#BECCB0
#BCCCB2
#B9CCB5
#C9C9A8
#C6C9AB
#C3C9AE
#BFC9B2
#BCC9B5
#B9C9B8
#B5C9BC
#CBC7A8
#C7C7AC
#C3C7B0
#BFC7B4
#BAC7B9
#B6C7BD
#B1C7C2
#CEC4A8
#C9C4AD
#C3C4B3
#BEC4B8
#B9C4BD
#B4C4C2
#ADC4C9
#D1C1A8
#CAC1AF
#C4C1B5
#BDC1BC
#B7C1C2
#B0C1C9
#A8C1D1
Colorpallet from #C1D1A8 to #D1C1A8 and to #A8D1C1
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C4CEA8
#C3CEA9
#C2CFA9
#C1CFAA
#C0D0AB
#BED0AB
#BDD1AC
#C6CCA8
#C4CDA9
#C2CEAB
#C0CEAC
#BECFAD
#BCD0AE
#B9D1B0
#C9C9A8
#C6CAAA
#C3CCAC
#BFCDAE
#BCCEB0
#B9CFB2
#B5D1B4
#CBC7A8
#C7C9AB
#C3CAAD
#BFCCB0
#BACDB2
#B6CFB5
#B1D1B8
#CEC4A8
#C9C6AB
#C3C8AE
#BECAB2
#B9CCB5
#B4CEB8
#ADD1BC
#D1C1A8
#CAC4AC
#C4C6B0
#BDC9B4
#B7CBB8
#B0CEBC
#A8D1C1
Colorpallet from #C1D1A8 to #D1A8C1 and to #A8C1D1
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C4CAAC
#C3CBAC
#C2CBAD
#C1CCAD
#C0CDAE
#BECDAE
#BDCEAF
#C6C4B0
#C4C5B1
#C2C7B2
#C0C8B2
#BEC9B3
#BCCAB4
#B9CCB5
#C9BDB4
#C6BFB5
#C3C1B7
#BFC3B8
#BCC5B9
#B9C7BA
#B5C9BC
#CBB7B8
#C7BABA
#C3BCBB
#BFBFBD
#BAC1BE
#B6C4C0
#B1C7C2
#CEB0BC
#C9B3BE
#C3B6C0
#BEBAC2
#B9BDC4
#B4C0C6
#ADC4C9
#D1A8C1
#CAACC4
#C4B0C6
#BDB4C9
#B7B8CB
#B0BCCE
#A8C1D1
Colorpallet from #C1D1A8 to #D1A8C1 and to #A8D1C1
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C4CAAC
#C3CBAC
#C2CCAC
#C1CDAC
#C0CEAC
#BED0AC
#BDD1AC
#C6C4B0
#C4C6B0
#C2C8B0
#C0CAB0
#BECCB0
#BCCEB0
#B9D1B0
#C9BDB4
#C6C0B4
#C3C3B4
#BFC7B4
#BCCAB4
#B9CDB4
#B5D1B4
#CBB7B8
#C7BBB8
#C3BFB8
#BFC3B8
#BAC8B8
#B6CCB8
#B1D1B8
#CEB0BC
#C9B5BC
#C3BBBC
#BEC0BC
#B9C5BC
#B4CABC
#ADD1BC
#D1A8C1
#CAAFC1
#C4B5C1
#BDBCC1
#B7C2C1
#B0C9C1
#A8D1C1
Colorpallet from #C1D1A8 to #A8C1D1 and to #A8D1C1
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#C1D1A8
#BDCEAF
#BDCEAF
#BDCFAE
#BDCFAE
#BDD0AD
#BDD0AD
#BDD1AC
#B9CCB5
#B9CDB4
#B9CEB3
#B9CEB3
#B9CFB2
#B9D0B1
#B9D1B0
#B5C9BC
#B5CABB
#B5CCB9
#B5CDB8
#B5CEB7
#B5CFB6
#B5D1B4
#B1C7C2
#B1C9C0
#B1CABF
#B1CCBD
#B1CDBC
#B1CFBA
#B1D1B8
#ADC4C9
#ADC6C7
#ADC8C5
#ADCAC3
#ADCCC1
#ADCEBF
#ADD1BC
#A8C1D1
#A8C4CE
#A8C6CC
#A8C9C9
#A8CBC7
#A8CEC4
#A8D1C1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts