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 #CDC2A8 to #CDA8C2 and to #C2CDA8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDBEAC
#CDBFAB
#CCC0AB
#CCC1AA
#CCC2A9
#CBC3A9
#CBC4A8
#CDBAB0
#CCBCAF
#CCBEAD
#CBC0AC
#CAC2AB
#CAC4AA
#C9C6A8
#CDB6B4
#CCB9B2
#CBBBB0
#CBBEAE
#CAC1AC
#C9C4AA
#C8C7A8
#CDB1B9
#CCB5B6
#CBB9B4
#CABDB1
#C9C0AE
#C7C4AB
#C6C9A8
#CDADBD
#CCB2BA
#CAB7B6
#C9BBB3
#C7C0B0
#C6C5AC
#C4CBA8
#CDA8C2
#CBAEBE
#C9B4BA
#C8BAB6
#C6C0B1
#C4C6AD
#C2CDA8
Colorpallet from #CDC2A8 to #CDA8C2 and to #C2A8CD
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDBEAC
#CDBEAC
#CCBEAD
#CCBEAD
#CCBEAD
#CBBEAE
#CBBEAE
#CDBAB0
#CCBAB1
#CCBAB1
#CBBAB2
#CABAB3
#CABAB3
#C9BAB4
#CDB6B4
#CCB6B5
#CBB6B6
#CBB6B7
#CAB6B8
#C9B6B9
#C8B6BA
#CDB1B9
#CCB1BA
#CBB1BB
#CAB1BC
#C9B1BD
#C7B1BF
#C6B1C0
#CDADBD
#CCADBE
#CAADC0
#C9ADC1
#C7ADC3
#C6ADC4
#C4ADC6
#CDA8C2
#CBA8C4
#C9A8C6
#C8A8C7
#C6A8C9
#C4A8CB
#C2A8CD
Colorpallet from #CDC2A8 to #CDA8C2 and to #A8CDC2
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDBEAC
#CCBFAC
#CBC0AC
#CAC1AC
#C9C2AC
#C8C3AC
#C7C4AC
#CDBAB0
#CBBCB0
#C9BEB0
#C7C0B0
#C5C2B0
#C3C4B0
#C1C6B0
#CDB6B4
#CAB9B4
#C7BBB4
#C4BEB4
#C1C1B4
#BFC4B4
#BBC7B4
#CDB1B9
#C9B5B9
#C5B9B9
#C1BDB9
#BEC0B9
#BAC4B9
#B5C9B9
#CDADBD
#C8B2BD
#C3B7BD
#BFBBBD
#BAC0BD
#B5C5BD
#AFCBBD
#CDA8C2
#C7AEC2
#C1B4C2
#BBBAC2
#B5C0C2
#AFC6C2
#A8CDC2
Colorpallet from #CDC2A8 to #CDA8C2 and to #A8C2CD
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDBEAC
#CCBFAC
#CBBFAD
#CAC0AD
#C9C1AD
#C8C1AE
#C7C2AE
#CDBAB0
#CBBBB1
#C9BDB1
#C7BEB2
#C5BFB3
#C3C0B3
#C1C2B4
#CDB6B4
#CAB8B5
#C7BAB6
#C4BCB7
#C1BEB8
#BFC0B9
#BBC2BA
#CDB1B9
#C9B4BA
#C5B6BB
#C1B9BC
#BEBCBD
#BABFBF
#B5C2C0
#CDADBD
#C8B0BE
#C3B4C0
#BFB7C1
#BABAC3
#B5BEC4
#AFC2C6
#CDA8C2
#C7ACC4
#C1B0C6
#BBB4C7
#B5B9C9
#AFBDCB
#A8C2CD
Colorpallet from #CDC2A8 to #C2CDA8 and to #C2A8CD
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CBC4A8
#CBC3A9
#CBC2AA
#CBC1AB
#CBC0AC
#CBBFAD
#CBBEAE
#C9C6A8
#C9C4AA
#C9C2AC
#C9C0AE
#C9BEB0
#C9BCB2
#C9BAB4
#C8C7A8
#C8C4AB
#C8C2AE
#C8BFB1
#C8BCB4
#C8B9B6
#C8B6BA
#C6C9A8
#C6C5AC
#C6C1B0
#C6BDB4
#C6BAB7
#C6B6BB
#C6B1C0
#C4CBA8
#C4C6AD
#C4C1B2
#C4BDB6
#C4B8BB
#C4B3C0
#C4ADC6
#C2CDA8
#C2C7AE
#C2C1B4
#C2BBBA
#C2B5C0
#C2AFC6
#C2A8CD
Colorpallet from #CDC2A8 to #C2CDA8 and to #A8CDC2
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CBC4A8
#CAC4A9
#CAC4A9
#C9C4AA
#C8C4AB
#C8C4AB
#C7C4AC
#C9C6A8
#C8C6A9
#C6C6AB
#C5C6AC
#C4C6AD
#C3C6AE
#C1C6B0
#C8C7A8
#C6C7AA
#C4C7AC
#C2C7AE
#C0C7B0
#BEC7B2
#BBC7B4
#C6C9A8
#C3C9AB
#C1C9AD
#BEC9B0
#BBC9B3
#B8C9B6
#B5C9B9
#C4CBA8
#C1CBAB
#BDCBAF
#BACBB2
#B7CBB5
#B3CBB9
#AFCBBD
#C2CDA8
#BECDAC
#BACDB0
#B6CDB4
#B1CDB9
#ADCDBD
#A8CDC2
Colorpallet from #CDC2A8 to #C2CDA8 and to #A8C2CD
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CBC4A8
#CAC4A9
#CAC3AA
#C9C3AB
#C8C3AC
#C8C2AD
#C7C2AE
#C9C6A8
#C8C5AA
#C6C5AC
#C5C4AE
#C4C3B0
#C3C3B2
#C1C2B4
#C8C7A8
#C6C6AB
#C4C5AE
#C2C5B1
#C0C4B4
#BEC3B6
#BBC2BA
#C6C9A8
#C3C8AC
#C1C7B0
#BEC6B4
#BBC5B7
#B8C3BB
#B5C2C0
#C4CBA8
#C1CAAD
#BDC8B2
#BAC7B6
#B7C5BB
#B3C4C0
#AFC2C6
#C2CDA8
#BECBAE
#BAC9B4
#B6C8BA
#B1C6C0
#ADC4C6
#A8C2CD
Colorpallet from #CDC2A8 to #C2A8CD and to #A8CDC2
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CBBEAE
#CABFAE
#CAC0AD
#C9C1AD
#C8C2AD
#C8C3AC
#C7C4AC
#C9BAB4
#C8BCB3
#C6BEB3
#C5C0B2
#C4C2B1
#C3C4B1
#C1C6B0
#C8B6BA
#C6B9B9
#C4BBB8
#C2BEB7
#C0C1B6
#BEC4B5
#BBC7B4
#C6B1C0
#C3B5BF
#C1B9BE
#BEBDBD
#BBC0BC
#B8C4BA
#B5C9B9
#C4ADC6
#C1B2C5
#BDB7C3
#BABBC2
#B7C0C0
#B3C5BF
#AFCBBD
#C2A8CD
#BEAECB
#BAB4C9
#B6BAC8
#B1C0C6
#ADC6C4
#A8CDC2
Colorpallet from #CDC2A8 to #C2A8CD and to #A8C2CD
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CBBEAE
#CABFAE
#CABFAE
#C9C0AE
#C8C1AE
#C8C1AE
#C7C2AE
#C9BAB4
#C8BBB4
#C6BDB4
#C5BEB4
#C4BFB4
#C3C0B4
#C1C2B4
#C8B6BA
#C6B8BA
#C4BABA
#C2BCBA
#C0BEBA
#BEC0BA
#BBC2BA
#C6B1C0
#C3B4C0
#C1B6C0
#BEB9C0
#BBBCC0
#B8BFC0
#B5C2C0
#C4ADC6
#C1B0C6
#BDB4C6
#BAB7C6
#B7BAC6
#B3BEC6
#AFC2C6
#C2A8CD
#BEACCD
#BAB0CD
#B6B4CD
#B1B9CD
#ADBDCD
#A8C2CD
Colorpallet from #CDC2A8 to #A8CDC2 and to #A8C2CD
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#CDC2A8
#C7C4AC
#C7C4AC
#C7C3AD
#C7C3AD
#C7C3AD
#C7C2AE
#C7C2AE
#C1C6B0
#C1C5B1
#C1C5B1
#C1C4B2
#C1C3B3
#C1C3B3
#C1C2B4
#BBC7B4
#BBC6B5
#BBC5B6
#BBC5B7
#BBC4B8
#BBC3B9
#BBC2BA
#B5C9B9
#B5C8BA
#B5C7BB
#B5C6BC
#B5C5BD
#B5C3BF
#B5C2C0
#AFCBBD
#AFCABE
#AFC8C0
#AFC7C1
#AFC5C3
#AFC4C4
#AFC2C6
#A8CDC2
#A8CBC4
#A8C9C6
#A8C8C7
#A8C6C9
#A8C4CB
#A8C2CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts