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 #B8C8A1 to #B8A1C8 and to #C8B8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C2A7
#B8C2A6
#B9C3A5
#B9C3A4
#BAC4A3
#BAC4A2
#BBC5A1
#B8BCAD
#B9BDAB
#BABEA9
#BABFA7
#BBC0A5
#BCC2A3
#BDC3A1
#B8B5B4
#B9B7B1
#BBB9AE
#BCBAAB
#BDBCA8
#BEBEA5
#C0C0A1
#B8AFBA
#BAB1B6
#BBB4B2
#BDB6AE
#BEB9AA
#C0BBA6
#C2BEA1
#B8A9C0
#BAACBB
#BCAFB6
#BEB2B1
#C0B5AC
#C2B7A7
#C5BBA1
#B8A1C8
#BBA5C2
#BDA8BC
#C0ACB5
#C2B0AF
#C5B3A9
#C8B8A1
Colorpallet from #B8C8A1 to #B8A1C8 and to #C8A1B8
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C2A7
#B8C2A7
#B9C2A6
#B9C2A6
#BAC2A6
#BAC2A5
#BBC2A5
#B8BCAD
#B9BCAC
#BABCAB
#BABCAB
#BBBCAA
#BCBCA9
#BDBCA8
#B8B5B4
#B9B5B3
#BBB5B1
#BCB5B0
#BDB5AF
#BEB5AE
#C0B5AC
#B8AFBA
#BAAFB8
#BBAFB7
#BDAFB5
#BEAFB4
#C0AFB2
#C2AFB0
#B8A9C0
#BAA9BE
#BCA9BC
#BEA9BA
#C0A9B8
#C2A9B6
#C5A9B3
#B8A1C8
#BBA1C5
#BDA1C3
#C0A1C0
#C2A1BE
#C5A1BB
#C8A1B8
Colorpallet from #B8C8A1 to #B8A1C8 and to #A1B8C8
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C2A7
#B7C2A7
#B7C3A7
#B6C3A7
#B5C4A7
#B5C4A7
#B4C5A7
#B8BCAD
#B7BDAD
#B6BEAD
#B5BFAD
#B4C0AD
#B2C2AD
#B1C3AD
#B8B5B4
#B6B7B4
#B4B9B4
#B3BAB4
#B1BCB4
#AFBEB4
#ADC0B4
#B8AFBA
#B6B1BA
#B3B4BA
#B1B6BA
#AEB9BA
#ACBBBA
#A9BEBA
#B8A9C0
#B5ACC0
#B2AFC0
#AFB2C0
#ACB5C0
#AAB7C0
#A6BBC0
#B8A1C8
#B4A5C8
#B1A8C8
#ADACC8
#A9B0C8
#A6B3C8
#A1B8C8
Colorpallet from #B8C8A1 to #B8A1C8 and to #A1C8B8
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C2A7
#B7C3A7
#B7C4A6
#B6C5A6
#B5C6A6
#B5C7A5
#B4C8A5
#B8BCAD
#B7BEAC
#B6C0AB
#B5C2AB
#B4C4AA
#B2C6A9
#B1C8A8
#B8B5B4
#B6B8B3
#B4BBB1
#B3BEB0
#B1C1AF
#AFC4AE
#ADC8AC
#B8AFBA
#B6B3B8
#B3B7B7
#B1BBB5
#AEBFB4
#ACC3B2
#A9C8B0
#B8A9C0
#B5AEBE
#B2B3BC
#AFB8BA
#ACBDB8
#AAC2B6
#A6C8B3
#B8A1C8
#B4A7C5
#B1ADC3
#ADB4C0
#A9BABE
#A6C0BB
#A1C8B8
Colorpallet from #B8C8A1 to #C8B8A1 and to #C8A1B8
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#BBC5A1
#BBC5A2
#BBC4A2
#BBC4A3
#BBC3A4
#BBC3A4
#BBC2A5
#BDC3A1
#BDC2A2
#BDC1A3
#BDC0A4
#BDBFA5
#BDBDA7
#BDBCA8
#C0C0A1
#C0BEA3
#C0BCA5
#C0BBA6
#C0B9A8
#C0B7AA
#C0B5AC
#C2BEA1
#C2BCA3
#C2B9A6
#C2B7A8
#C2B4AB
#C2B2AD
#C2AFB0
#C5BBA1
#C5B8A4
#C5B5A7
#C5B2AA
#C5AFAD
#C5ADAF
#C5A9B3
#C8B8A1
#C8B4A5
#C8B1A8
#C8ADAC
#C8A9B0
#C8A6B3
#C8A1B8
Colorpallet from #B8C8A1 to #C8B8A1 and to #A1B8C8
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#BBC5A1
#BAC5A2
#B9C5A3
#B8C5A4
#B7C5A5
#B5C5A6
#B4C5A7
#BDC3A1
#BBC3A3
#B9C3A5
#B7C3A7
#B5C3A9
#B3C3AB
#B1C3AD
#C0C0A1
#BDC0A4
#BAC0A7
#B7C0AA
#B4C0AD
#B1C0B0
#ADC0B4
#C2BEA1
#BEBEA5
#BABEA9
#B6BEAD
#B2BEB1
#AEBEB5
#A9BEBA
#C5BBA1
#C0BBA6
#BBBBAB
#B6BBB0
#B1BBB5
#ACBBBA
#A6BBC0
#C8B8A1
#C2B8A7
#BCB8AD
#B5B8B4
#AFB8BA
#A9B8C0
#A1B8C8
Colorpallet from #B8C8A1 to #C8B8A1 and to #A1C8B8
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#BBC5A1
#BAC5A2
#B9C6A2
#B8C6A3
#B7C7A4
#B5C7A4
#B4C8A5
#BDC3A1
#BBC4A2
#B9C5A3
#B7C5A4
#B5C6A5
#B3C7A7
#B1C8A8
#C0C0A1
#BDC1A3
#BAC3A5
#B7C4A6
#B4C5A8
#B1C6AA
#ADC8AC
#C2BEA1
#BEC0A3
#BAC1A6
#B6C3A8
#B2C4AB
#AEC6AD
#A9C8B0
#C5BBA1
#C0BDA4
#BBBFA7
#B6C1AA
#B1C3AD
#ACC5AF
#A6C8B3
#C8B8A1
#C2BBA5
#BCBDA8
#B5C0AC
#AFC2B0
#A9C5B3
#A1C8B8
Colorpallet from #B8C8A1 to #C8A1B8 and to #A1B8C8
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#BBC2A5
#BAC2A5
#B9C3A6
#B8C3A6
#B7C4A6
#B5C4A7
#B4C5A7
#BDBCA8
#BBBDA9
#B9BEAA
#B7BFAA
#B5C0AB
#B3C2AC
#B1C3AD
#C0B5AC
#BDB7AD
#BAB9AF
#B7BAB0
#B4BCB1
#B1BEB2
#ADC0B4
#C2AFB0
#BEB1B2
#BAB4B3
#B6B6B5
#B2B9B6
#AEBBB8
#A9BEBA
#C5A9B3
#C0ACB5
#BBAFB7
#B6B2B9
#B1B5BB
#ACB7BD
#A6BBC0
#C8A1B8
#C2A5BB
#BCA8BD
#B5ACC0
#AFB0C2
#A9B3C5
#A1B8C8
Colorpallet from #B8C8A1 to #C8A1B8 and to #A1C8B8
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#BBC2A5
#BAC3A5
#B9C4A5
#B8C5A5
#B7C6A5
#B5C7A5
#B4C8A5
#BDBCA8
#BBBEA8
#B9C0A8
#B7C2A8
#B5C4A8
#B3C6A8
#B1C8A8
#C0B5AC
#BDB8AC
#BABBAC
#B7BEAC
#B4C1AC
#B1C4AC
#ADC8AC
#C2AFB0
#BEB3B0
#BAB7B0
#B6BBB0
#B2BFB0
#AEC3B0
#A9C8B0
#C5A9B3
#C0AEB3
#BBB3B3
#B6B8B3
#B1BDB3
#ACC2B3
#A6C8B3
#C8A1B8
#C2A7B8
#BCADB8
#B5B4B8
#AFBAB8
#A9C0B8
#A1C8B8
Colorpallet from #B8C8A1 to #A1B8C8 and to #A1C8B8
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B8C8A1
#B4C5A7
#B4C5A7
#B4C6A6
#B4C6A6
#B4C7A6
#B4C7A5
#B4C8A5
#B1C3AD
#B1C4AC
#B1C5AB
#B1C5AB
#B1C6AA
#B1C7A9
#B1C8A8
#ADC0B4
#ADC1B3
#ADC3B1
#ADC4B0
#ADC5AF
#ADC6AE
#ADC8AC
#A9BEBA
#A9C0B8
#A9C1B7
#A9C3B5
#A9C4B4
#A9C6B2
#A9C8B0
#A6BBC0
#A6BDBE
#A6BFBC
#A6C1BA
#A6C3B8
#A6C5B6
#A6C8B3
#A1B8C8
#A1BBC5
#A1BDC3
#A1C0C0
#A1C2BE
#A1C5BB
#A1C8B8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
