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 #C5C0A2 to #C5A2C0 and to #C0C5A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5BBA7
#C5BCA6
#C5BDA5
#C5BEA5
#C4BFA4
#C4C0A3
#C4C1A2
#C5B6AC
#C5B8AA
#C4BAA9
#C4BCA7
#C4BEA6
#C3C0A4
#C3C2A2
#C5B2B0
#C5B5AE
#C4B7AC
#C4BAA9
#C4BCA7
#C3BFA5
#C3C2A2
#C5ADB5
#C5B1B2
#C4B4AF
#C4B8AC
#C3BBA9
#C3BFA6
#C2C3A2
#C5A8BA
#C4ACB6
#C4B1B2
#C3B5AE
#C2BAAB
#C2BEA7
#C1C4A2
#C5A2C0
#C4A8BB
#C3ADB6
#C3B3B2
#C2B8AD
#C1BEA8
#C0C5A2
Colorpallet from #C5C0A2 to #C5A2C0 and to #C0A2C5
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5BBA7
#C5BBA7
#C5BBA7
#C5BBA7
#C4BBA8
#C4BBA8
#C4BBA8
#C5B6AC
#C5B6AC
#C4B6AC
#C4B6AC
#C4B6AD
#C3B6AD
#C3B6AD
#C5B2B0
#C5B2B0
#C4B2B1
#C4B2B1
#C4B2B2
#C3B2B2
#C3B2B3
#C5ADB5
#C5ADB5
#C4ADB6
#C4ADB6
#C3ADB7
#C3ADB7
#C2ADB8
#C5A8BA
#C4A8BB
#C4A8BB
#C3A8BC
#C2A8BD
#C2A8BD
#C1A8BE
#C5A2C0
#C4A2C1
#C3A2C2
#C3A2C2
#C2A2C3
#C1A2C4
#C0A2C5
Colorpallet from #C5C0A2 to #C5A2C0 and to #A2C5C0
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5BBA7
#C4BCA7
#C3BDA7
#C2BEA7
#C1BFA7
#C0C0A7
#BFC1A7
#C5B6AC
#C3B8AC
#C1BAAC
#C0BCAC
#BEBEAC
#BCC0AC
#BAC2AC
#C5B2B0
#C2B5B0
#C0B7B0
#BDBAB0
#BABCB0
#B7BFB0
#B4C2B0
#C5ADB5
#C1B1B5
#BEB4B5
#BAB8B5
#B7BBB5
#B3BFB5
#AFC3B5
#C5A8BA
#C1ACBA
#BCB1BA
#B8B5BA
#B3BABA
#AFBEBA
#A9C4BA
#C5A2C0
#BFA8C0
#BAADC0
#B4B3C0
#AFB8C0
#A9BEC0
#A2C5C0
Colorpallet from #C5C0A2 to #C5A2C0 and to #A2C0C5
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5BBA7
#C4BCA7
#C3BDA7
#C2BDA7
#C1BEA8
#C0BFA8
#BFC0A8
#C5B6AC
#C3B8AC
#C1B9AC
#C0BBAC
#BEBCAD
#BCBEAD
#BAC0AD
#C5B2B0
#C2B4B0
#C0B6B1
#BDB9B1
#BABBB2
#B7BDB2
#B4C0B3
#C5ADB5
#C1B0B5
#BEB3B6
#BAB6B6
#B7B9B7
#B3BCB7
#AFC0B8
#C5A8BA
#C1ACBB
#BCB0BB
#B8B4BC
#B3B7BD
#AFBBBD
#A9C0BE
#C5A2C0
#BFA7C1
#BAACC2
#B4B0C2
#AFB5C3
#A9BAC4
#A2C0C5
Colorpallet from #C5C0A2 to #C0C5A2 and to #C0A2C5
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C4C1A2
#C4C0A3
#C4BFA4
#C4BEA5
#C4BDA6
#C4BCA7
#C4BBA8
#C3C2A2
#C3C0A4
#C3BEA6
#C3BCA7
#C3BAA9
#C3B8AB
#C3B6AD
#C3C2A2
#C3BFA5
#C3BDA7
#C3BAAA
#C3B8AD
#C3B5B0
#C3B2B3
#C2C3A2
#C2BFA6
#C2BCA9
#C2B8AD
#C2B5B0
#C2B1B4
#C2ADB8
#C1C4A2
#C1C0A6
#C1BBAB
#C1B7AF
#C1B2B4
#C1AEB8
#C1A8BE
#C0C5A2
#C0BFA8
#C0BAAD
#C0B4B3
#C0AFB8
#C0A9BE
#C0A2C5
Colorpallet from #C5C0A2 to #C0C5A2 and to #A2C5C0
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C4C1A2
#C3C1A3
#C2C1A4
#C2C1A4
#C1C1A5
#C0C1A6
#BFC1A7
#C3C2A2
#C2C2A4
#C0C2A5
#BFC2A7
#BDC2A8
#BCC2AA
#BAC2AC
#C3C2A2
#C1C2A4
#BEC2A6
#BCC2A9
#B9C2AB
#B7C2AD
#B4C2B0
#C2C3A2
#BFC3A5
#BCC3A8
#B9C3AB
#B6C3AE
#B3C3B1
#AFC3B5
#C1C4A2
#BDC4A6
#B9C4AA
#B5C4AE
#B2C4B1
#AEC4B5
#A9C4BA
#C0C5A2
#BBC5A7
#B6C5AC
#B2C5B0
#ADC5B5
#A8C5BA
#A2C5C0
Colorpallet from #C5C0A2 to #C0C5A2 and to #A2C0C5
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C4C1A2
#C3C1A3
#C2C1A4
#C2C1A5
#C1C0A6
#C0C0A7
#BFC0A8
#C3C2A2
#C2C2A4
#C0C1A6
#BFC1A7
#BDC1A9
#BCC0AB
#BAC0AD
#C3C2A2
#C1C2A5
#BEC1A7
#BCC1AA
#B9C1AD
#B7C0B0
#B4C0B3
#C2C3A2
#BFC3A6
#BCC2A9
#B9C2AD
#B6C1B0
#B3C1B4
#AFC0B8
#C1C4A2
#BDC3A6
#B9C3AB
#B5C2AF
#B2C1B4
#AEC1B8
#A9C0BE
#C0C5A2
#BBC4A8
#B6C3AD
#B2C3B3
#ADC2B8
#A8C1BE
#A2C0C5
Colorpallet from #C5C0A2 to #C0A2C5 and to #A2C5C0
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C4BBA8
#C3BCA8
#C2BDA8
#C2BEA8
#C1BFA7
#C0C0A7
#BFC1A7
#C3B6AD
#C2B8AD
#C0BAAD
#BFBCAD
#BDBEAC
#BCC0AC
#BAC2AC
#C3B2B3
#C1B5B3
#BEB7B2
#BCBAB2
#B9BCB1
#B7BFB1
#B4C2B0
#C2ADB8
#BFB1B8
#BCB4B7
#B9B8B7
#B6BBB6
#B3BFB6
#AFC3B5
#C1A8BE
#BDACBD
#B9B1BD
#B5B5BC
#B2BABB
#AEBEBB
#A9C4BA
#C0A2C5
#BBA8C4
#B6ADC3
#B2B3C3
#ADB8C2
#A8BEC1
#A2C5C0
Colorpallet from #C5C0A2 to #C0A2C5 and to #A2C0C5
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C4BBA8
#C3BCA8
#C2BDA8
#C2BDA8
#C1BEA8
#C0BFA8
#BFC0A8
#C3B6AD
#C2B8AD
#C0B9AD
#BFBBAD
#BDBCAD
#BCBEAD
#BAC0AD
#C3B2B3
#C1B4B3
#BEB6B3
#BCB9B3
#B9BBB3
#B7BDB3
#B4C0B3
#C2ADB8
#BFB0B8
#BCB3B8
#B9B6B8
#B6B9B8
#B3BCB8
#AFC0B8
#C1A8BE
#BDACBE
#B9B0BE
#B5B4BE
#B2B7BE
#AEBBBE
#A9C0BE
#C0A2C5
#BBA7C5
#B6ACC5
#B2B0C5
#ADB5C5
#A8BAC5
#A2C0C5
Colorpallet from #C5C0A2 to #A2C5C0 and to #A2C0C5
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#C5C0A2
#BFC1A7
#BFC1A7
#BFC1A7
#BFC1A7
#BFC0A8
#BFC0A8
#BFC0A8
#BAC2AC
#BAC2AC
#BAC1AC
#BAC1AC
#BAC1AD
#BAC0AD
#BAC0AD
#B4C2B0
#B4C2B0
#B4C1B1
#B4C1B1
#B4C1B2
#B4C0B2
#B4C0B3
#AFC3B5
#AFC3B5
#AFC2B6
#AFC2B6
#AFC1B7
#AFC1B7
#AFC0B8
#A9C4BA
#A9C3BB
#A9C3BB
#A9C2BC
#A9C1BD
#A9C1BD
#A9C0BE
#A2C5C0
#A2C4C1
#A2C3C2
#A2C3C2
#A2C2C3
#A2C1C4
#A2C0C5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
