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 #B1C2A8 to #B1A8C2 and to #C2B1A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1BEAC
#B1BEAB
#B2BEAB
#B2BEAA
#B3BFA9
#B3BFA9
#B4BFA8
#B1BAB0
#B2BAAF
#B3BBAD
#B3BBAC
#B4BCAB
#B5BCAA
#B6BDA8
#B1B6B4
#B2B7B2
#B4B7B0
#B5B8AE
#B6B9AC
#B7B9AA
#B9BAA8
#B1B1B9
#B3B2B6
#B5B3B4
#B6B4B1
#B8B5AE
#BAB6AB
#BCB7A8
#B1ADBD
#B3AEBA
#B5AFB6
#B8B0B3
#BAB1B0
#BCB3AC
#BFB4A8
#B1A8C2
#B4A9BE
#B6ABBA
#B9ACB6
#BCAEB1
#BFAFAD
#C2B1A8
Colorpallet from #B1C2A8 to #B1A8C2 and to #C2A8B1
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1BEAC
#B1BEAC
#B2BEAB
#B2BEAB
#B3BEAA
#B3BEAA
#B4BEA9
#B1BAB0
#B2BAAF
#B3BAAE
#B3BAAE
#B4BAAD
#B5BAAC
#B6BAAB
#B1B6B4
#B2B6B3
#B4B6B1
#B5B6B0
#B6B6AF
#B7B6AE
#B9B6AC
#B1B1B9
#B3B1B7
#B5B1B5
#B6B1B4
#B8B1B2
#BAB1B0
#BCB1AE
#B1ADBD
#B3ADBB
#B5ADB9
#B8ADB6
#BAADB4
#BCADB2
#BFADAF
#B1A8C2
#B4A8BF
#B6A8BD
#B9A8BA
#BCA8B7
#BFA8B4
#C2A8B1
Colorpallet from #B1C2A8 to #B1A8C2 and to #A8B1C2
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1BEAC
#B1BEAC
#B1BEAC
#B1BEAC
#B0BFAC
#B0BFAC
#B0BFAC
#B1BAB0
#B1BAB0
#B0BBB0
#B0BBB0
#AFBCB0
#AFBCB0
#AEBDB0
#B1B6B4
#B0B7B4
#B0B7B4
#AFB8B4
#AEB9B4
#AEB9B4
#ADBAB4
#B1B1B9
#B0B2B9
#AFB3B9
#AEB4B9
#ADB5B9
#ACB6B9
#ABB7B9
#B1ADBD
#B0AEBD
#AFAFBD
#AEB0BD
#ADB1BD
#ABB3BD
#AAB4BD
#B1A8C2
#B0A9C2
#AEABC2
#ADACC2
#ABAEC2
#AAAFC2
#A8B1C2
Colorpallet from #B1C2A8 to #B1A8C2 and to #A8C2B1
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1BEAC
#B1BFAC
#B1BFAB
#B1C0AB
#B0C1AA
#B0C1AA
#B0C2A9
#B1BAB0
#B1BBAF
#B0BDAE
#B0BEAE
#AFBFAD
#AFC0AC
#AEC2AB
#B1B6B4
#B0B8B3
#B0BAB1
#AFBCB0
#AEBEAF
#AEC0AE
#ADC2AC
#B1B1B9
#B0B4B7
#AFB6B5
#AEB9B4
#ADBCB2
#ACBFB0
#ABC2AE
#B1ADBD
#B0B0BB
#AFB4B9
#AEB7B6
#ADBAB4
#ABBEB2
#AAC2AF
#B1A8C2
#B0ACBF
#AEB0BD
#ADB4BA
#ABB9B7
#AABDB4
#A8C2B1
Colorpallet from #B1C2A8 to #C2B1A8 and to #C2A8B1
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B4BFA8
#B4BFA8
#B4BFA8
#B4BFA8
#B4BEA9
#B4BEA9
#B4BEA9
#B6BDA8
#B6BDA8
#B6BCA9
#B6BCA9
#B6BBAA
#B6BBAA
#B6BAAB
#B9BAA8
#B9B9A9
#B9B9A9
#B9B8AA
#B9B7AB
#B9B7AB
#B9B6AC
#BCB7A8
#BCB6A9
#BCB5AA
#BCB4AB
#BCB3AC
#BCB2AD
#BCB1AE
#BFB4A8
#BFB3A9
#BFB2AA
#BFB1AB
#BFB0AC
#BFAEAE
#BFADAF
#C2B1A8
#C2B0A9
#C2AEAB
#C2ADAC
#C2ABAE
#C2AAAF
#C2A8B1
Colorpallet from #B1C2A8 to #C2B1A8 and to #A8B1C2
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B4BFA8
#B3BFA9
#B3BFA9
#B2BFAA
#B1BFAB
#B1BFAB
#B0BFAC
#B6BDA8
#B5BDA9
#B3BDAB
#B2BDAC
#B1BDAD
#B0BDAE
#AEBDB0
#B9BAA8
#B7BAAA
#B5BAAC
#B3BAAE
#B1BAB0
#AFBAB2
#ADBAB4
#BCB7A8
#B9B7AB
#B7B7AD
#B4B7B0
#B1B7B3
#AEB7B6
#ABB7B9
#BFB4A8
#BCB4AB
#B8B4AF
#B5B4B2
#B2B4B5
#AEB4B9
#AAB4BD
#C2B1A8
#BEB1AC
#BAB1B0
#B6B1B4
#B1B1B9
#ADB1BD
#A8B1C2
Colorpallet from #B1C2A8 to #C2B1A8 and to #A8C2B1
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B4BFA8
#B3BFA8
#B3C0A8
#B2C0A8
#B1C1A9
#B1C1A9
#B0C2A9
#B6BDA8
#B5BEA8
#B3BFA9
#B2BFA9
#B1C0AA
#B0C1AA
#AEC2AB
#B9BAA8
#B7BBA9
#B5BDA9
#B3BEAA
#B1BFAB
#AFC0AB
#ADC2AC
#BCB7A8
#B9B9A9
#B7BBAA
#B4BCAB
#B1BEAC
#AEC0AD
#ABC2AE
#BFB4A8
#BCB6A9
#B8B8AA
#B5BBAB
#B2BDAC
#AEBFAE
#AAC2AF
#C2B1A8
#BEB4A9
#BAB6AB
#B6B9AC
#B1BCAE
#ADBFAF
#A8C2B1
Colorpallet from #B1C2A8 to #C2A8B1 and to #A8B1C2
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B4BEA9
#B3BEA9
#B3BEAA
#B2BEAA
#B1BFAB
#B1BFAB
#B0BFAC
#B6BAAB
#B5BAAC
#B3BBAD
#B2BBAD
#B1BCAE
#B0BCAF
#AEBDB0
#B9B6AC
#B7B7AD
#B5B7AF
#B3B8B0
#B1B9B1
#AFB9B2
#ADBAB4
#BCB1AE
#B9B2B0
#B7B3B2
#B4B4B3
#B1B5B5
#AEB6B7
#ABB7B9
#BFADAF
#BCAEB1
#B8AFB3
#B5B0B6
#B2B1B8
#AEB3BA
#AAB4BD
#C2A8B1
#BEA9B4
#BAABB6
#B6ACB9
#B1AEBC
#ADAFBF
#A8B1C2
Colorpallet from #B1C2A8 to #C2A8B1 and to #A8C2B1
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B4BEA9
#B3BFA9
#B3BFA9
#B2C0A9
#B1C1A9
#B1C1A9
#B0C2A9
#B6BAAB
#B5BBAB
#B3BDAB
#B2BEAB
#B1BFAB
#B0C0AB
#AEC2AB
#B9B6AC
#B7B8AC
#B5BAAC
#B3BCAC
#B1BEAC
#AFC0AC
#ADC2AC
#BCB1AE
#B9B4AE
#B7B6AE
#B4B9AE
#B1BCAE
#AEBFAE
#ABC2AE
#BFADAF
#BCB0AF
#B8B4AF
#B5B7AF
#B2BAAF
#AEBEAF
#AAC2AF
#C2A8B1
#BEACB1
#BAB0B1
#B6B4B1
#B1B9B1
#ADBDB1
#A8C2B1
Colorpallet from #B1C2A8 to #A8B1C2 and to #A8C2B1
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B1C2A8
#B0BFAC
#B0BFAC
#B0C0AB
#B0C0AB
#B0C1AA
#B0C1AA
#B0C2A9
#AEBDB0
#AEBEAF
#AEBFAE
#AEBFAE
#AEC0AD
#AEC1AC
#AEC2AB
#ADBAB4
#ADBBB3
#ADBDB1
#ADBEB0
#ADBFAF
#ADC0AE
#ADC2AC
#ABB7B9
#ABB9B7
#ABBBB5
#ABBCB4
#ABBEB2
#ABC0B0
#ABC2AE
#AAB4BD
#AAB6BB
#AAB8B9
#AABBB6
#AABDB4
#AABFB2
#AAC2AF
#A8B1C2
#A8B4BF
#A8B6BD
#A8B9BA
#A8BCB7
#A8BFB4
#A8C2B1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
