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 #C2C6A9 to #C2A9C6 and to #C6C2A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C1AE
#C2C2AD
#C2C2AC
#C2C3AC
#C3C4AB
#C3C4AA
#C3C5A9
#C2BDB2
#C2BEB1
#C2C0AF
#C2C1AE
#C3C2AC
#C3C3AB
#C3C5A9
#C2B8B7
#C2BAB5
#C3BCB3
#C3BEB0
#C3C0AE
#C4C2AC
#C4C4A9
#C2B3BC
#C2B6B9
#C3B8B6
#C3BBB3
#C4BDB0
#C4C0AD
#C5C3A9
#C2AFC0
#C2B2BC
#C3B5B9
#C3B9B5
#C4BCB1
#C4BFAE
#C5C3A9
#C2A9C6
#C3ADC1
#C3B1BD
#C4B5B8
#C5B9B3
#C5BDAF
#C6C2A9
Colorpallet from #C2C6A9 to #C2A9C6 and to #C6A9C2
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C1AE
#C2C1AE
#C2C1AE
#C2C1AE
#C3C1AD
#C3C1AD
#C3C1AD
#C2BDB2
#C2BDB2
#C2BDB2
#C2BDB2
#C3BDB1
#C3BDB1
#C3BDB1
#C2B8B7
#C2B8B7
#C3B8B6
#C3B8B6
#C3B8B6
#C4B8B5
#C4B8B5
#C2B3BC
#C2B3BC
#C3B3BB
#C3B3BB
#C4B3BA
#C4B3BA
#C5B3B9
#C2AFC0
#C2AFC0
#C3AFBF
#C3AFBF
#C4AFBE
#C4AFBE
#C5AFBD
#C2A9C6
#C3A9C5
#C3A9C5
#C4A9C4
#C5A9C3
#C5A9C3
#C6A9C2
Colorpallet from #C2C6A9 to #C2A9C6 and to #A9C2C6
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C1AE
#C1C2AE
#C1C2AE
#C0C3AE
#BFC4AE
#BFC4AE
#BEC5AE
#C2BDB2
#C1BEB2
#BFC0B2
#BEC1B2
#BDC2B2
#BCC3B2
#BAC5B2
#C2B8B7
#C0BAB7
#BEBCB7
#BCBEB7
#BAC0B7
#B8C2B7
#B6C4B7
#C2B3BC
#BFB6BC
#BDB8BC
#BABBBC
#B8BDBC
#B5C0BC
#B2C3BC
#C2AFC0
#BFB2C0
#BCB5C0
#B8B9C0
#B5BCC0
#B2BFC0
#AEC3C0
#C2A9C6
#BEADC6
#BAB1C6
#B6B5C6
#B2B9C6
#AEBDC6
#A9C2C6
Colorpallet from #C2C6A9 to #C2A9C6 and to #A9C6C2
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C1AE
#C1C2AE
#C1C3AE
#C0C3AE
#BFC4AD
#BFC5AD
#BEC6AD
#C2BDB2
#C1BEB2
#BFC0B2
#BEC1B2
#BDC3B1
#BCC4B1
#BAC6B1
#C2B8B7
#C0BAB7
#BEBCB6
#BCBFB6
#BAC1B6
#B8C3B5
#B6C6B5
#C2B3BC
#BFB6BC
#BDB9BB
#BABCBB
#B8BFBA
#B5C2BA
#B2C6B9
#C2AFC0
#BFB3C0
#BCB6BF
#B8BABF
#B5BEBE
#B2C1BE
#AEC6BD
#C2A9C6
#BEAEC5
#BAB2C5
#B6B7C4
#B2BCC3
#AEC0C3
#A9C6C2
Colorpallet from #C2C6A9 to #C6C2A9 and to #C6A9C2
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C3C5A9
#C3C4AA
#C3C4AA
#C3C3AB
#C3C2AC
#C3C2AC
#C3C1AD
#C3C5A9
#C3C4AA
#C3C2AC
#C3C1AD
#C3C0AE
#C3BFAF
#C3BDB1
#C4C4A9
#C4C2AB
#C4C0AD
#C4BEAF
#C4BCB1
#C4BAB3
#C4B8B5
#C5C3A9
#C5C0AC
#C5BEAE
#C5BBB1
#C5B9B3
#C5B6B6
#C5B3B9
#C5C3A9
#C5C0AC
#C5BDAF
#C5B9B3
#C5B6B6
#C5B3B9
#C5AFBD
#C6C2A9
#C6BEAD
#C6BAB1
#C6B6B5
#C6B2B9
#C6AEBD
#C6A9C2
Colorpallet from #C2C6A9 to #C6C2A9 and to #A9C2C6
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C3C5A9
#C2C5AA
#C1C5AB
#C1C5AB
#C0C5AC
#BFC5AD
#BEC5AE
#C3C5A9
#C2C5AA
#C0C5AC
#BFC5AD
#BDC5AF
#BCC5B0
#BAC5B2
#C4C4A9
#C2C4AB
#C0C4AD
#BDC4B0
#BBC4B2
#B9C4B4
#B6C4B7
#C5C3A9
#C2C3AC
#BFC3AF
#BCC3B2
#B9C3B5
#B6C3B8
#B2C3BC
#C5C3A9
#C1C3AD
#BEC3B0
#BAC3B4
#B6C3B8
#B3C3BB
#AEC3C0
#C6C2A9
#C1C2AE
#BDC2B2
#B8C2B7
#B3C2BC
#AFC2C0
#A9C2C6
Colorpallet from #C2C6A9 to #C6C2A9 and to #A9C6C2
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C3C5A9
#C2C5AA
#C1C5AA
#C1C5AB
#C0C6AC
#BFC6AC
#BEC6AD
#C3C5A9
#C2C5AA
#C0C5AC
#BFC5AD
#BDC6AE
#BCC6AF
#BAC6B1
#C4C4A9
#C2C4AB
#C0C5AD
#BDC5AF
#BBC5B1
#B9C6B3
#B6C6B5
#C5C3A9
#C2C3AC
#BFC4AE
#BCC4B1
#B9C5B3
#B6C5B6
#B2C6B9
#C5C3A9
#C1C3AC
#BEC4AF
#BAC4B3
#B6C5B6
#B3C5B9
#AEC6BD
#C6C2A9
#C1C3AD
#BDC3B1
#B8C4B5
#B3C5B9
#AFC5BD
#A9C6C2
Colorpallet from #C2C6A9 to #C6A9C2 and to #A9C2C6
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C3C1AD
#C2C2AD
#C1C2AD
#C1C3AD
#C0C4AE
#BFC4AE
#BEC5AE
#C3BDB1
#C2BEB1
#C0C0B1
#BFC1B1
#BDC2B2
#BCC3B2
#BAC5B2
#C4B8B5
#C2BAB5
#C0BCB6
#BDBEB6
#BBC0B6
#B9C2B7
#B6C4B7
#C5B3B9
#C2B6B9
#BFB8BA
#BCBBBA
#B9BDBB
#B6C0BB
#B2C3BC
#C5AFBD
#C1B2BD
#BEB5BE
#BAB9BE
#B6BCBF
#B3BFBF
#AEC3C0
#C6A9C2
#C1ADC3
#BDB1C3
#B8B5C4
#B3B9C5
#AFBDC5
#A9C2C6
Colorpallet from #C2C6A9 to #C6A9C2 and to #A9C6C2
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C3C1AD
#C2C2AD
#C1C3AD
#C1C3AD
#C0C4AD
#BFC5AD
#BEC6AD
#C3BDB1
#C2BEB1
#C0C0B1
#BFC1B1
#BDC3B1
#BCC4B1
#BAC6B1
#C4B8B5
#C2BAB5
#C0BCB5
#BDBFB5
#BBC1B5
#B9C3B5
#B6C6B5
#C5B3B9
#C2B6B9
#BFB9B9
#BCBCB9
#B9BFB9
#B6C2B9
#B2C6B9
#C5AFBD
#C1B3BD
#BEB6BD
#BABABD
#B6BEBD
#B3C1BD
#AEC6BD
#C6A9C2
#C1AEC2
#BDB2C2
#B8B7C2
#B3BCC2
#AFC0C2
#A9C6C2
Colorpallet from #C2C6A9 to #A9C2C6 and to #A9C6C2
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#C2C6A9
#BEC5AE
#BEC5AE
#BEC5AE
#BEC5AE
#BEC6AD
#BEC6AD
#BEC6AD
#BAC5B2
#BAC5B2
#BAC5B2
#BAC5B2
#BAC6B1
#BAC6B1
#BAC6B1
#B6C4B7
#B6C4B7
#B6C5B6
#B6C5B6
#B6C5B6
#B6C6B5
#B6C6B5
#B2C3BC
#B2C3BC
#B2C4BB
#B2C4BB
#B2C5BA
#B2C5BA
#B2C6B9
#AEC3C0
#AEC3C0
#AEC4BF
#AEC4BF
#AEC5BE
#AEC5BE
#AEC6BD
#A9C2C6
#A9C3C5
#A9C3C5
#A9C4C4
#A9C5C3
#A9C5C3
#A9C6C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
