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 #BFCD86 to #BF86CD and to #CDBF86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFC291
#BFC38F
#C0C58D
#C0C68C
#C0C88A
#C1C988
#C1CB86
#BFB69D
#C0B999
#C0BC96
#C1BF92
#C2C28E
#C2C58B
#C3C986
#BFABA8
#C0AFA3
#C1B49D
#C2B898
#C3BC92
#C5C18D
#C6C686
#BFA0B3
#C0A6AC
#C2ACA5
#C3B19D
#C5B796
#C6BD8F
#C8C486
#BF94BF
#C19BB6
#C3A3AD
#C4AAA4
#C6B19B
#C8B991
#CAC286
#BF86CD
#C18FC2
#C398B6
#C6A1AB
#C8AAA0
#CAB494
#CDBF86
Colorpallet from #BFCD86 to #BF86CD and to #CD86BF
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFC291
#BFC291
#C0C290
#C0C290
#C0C290
#C1C28F
#C1C28F
#BFB69D
#C0B69C
#C0B69B
#C1B69B
#C2B69A
#C2B699
#C3B698
#BFABA8
#C0ABA7
#C1ABA6
#C2ABA5
#C3ABA4
#C5ABA2
#C6ABA1
#BFA0B3
#C0A0B2
#C2A0B0
#C3A0AF
#C5A0AD
#C6A0AC
#C8A0AA
#BF94BF
#C194BD
#C394BB
#C494BA
#C694B8
#C894B6
#CA94B4
#BF86CD
#C186CB
#C386C9
#C686C6
#C886C4
#CA86C2
#CD86BF
Colorpallet from #BFCD86 to #BF86CD and to #86BFCD
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFC291
#BEC391
#BCC591
#BBC691
#B9C891
#B8C991
#B6CB91
#BFB69D
#BCB99D
#B9BC9D
#B6BF9D
#B3C29D
#B1C59D
#ADC99D
#BFABA8
#BBAFA8
#B6B4A8
#B2B8A8
#AEBCA8
#A9C1A8
#A4C6A8
#BFA0B3
#B9A6B3
#B3ACB3
#AEB1B3
#A8B7B3
#A2BDB3
#9BC4B3
#BF94BF
#B89BBF
#B0A3BF
#A9AABF
#A2B1BF
#9AB9BF
#91C2BF
#BF86CD
#B68FCD
#AD98CD
#A4A1CD
#9BAACD
#91B4CD
#86BFCD
Colorpallet from #BFCD86 to #BF86CD and to #86CDBF
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFC291
#BEC491
#BCC690
#BBC790
#B9C990
#B8CB8F
#B6CD8F
#BFB69D
#BCBA9C
#B9BD9B
#B6C19B
#B3C59A
#B1C899
#ADCD98
#BFABA8
#BBB0A7
#B6B6A6
#B2BBA5
#AEC1A4
#A9C6A2
#A4CDA1
#BFA0B3
#B9A7B2
#B3AEB0
#AEB6AF
#A8BDAD
#A2C4AC
#9BCDAA
#BF94BF
#B89DBD
#B0A6BB
#A9AFBA
#A2B8B8
#9AC2B6
#91CDB4
#BF86CD
#B691CB
#AD9DC9
#A4A8C6
#9BB3C4
#91BFC2
#86CDBF
Colorpallet from #BFCD86 to #CDBF86 and to #CD86BF
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#C1CB86
#C1CA87
#C1C889
#C1C78A
#C1C58C
#C1C48D
#C1C28F
#C3C986
#C3C689
#C3C38C
#C3C08F
#C3BD92
#C3BA94
#C3B698
#C6C686
#C6C28A
#C6BD8F
#C6B993
#C6B597
#C6B09C
#C6ABA1
#C8C486
#C8BE8C
#C8B892
#C8B397
#C8AD9D
#C8A7A3
#C8A0AA
#CAC286
#CABB8D
#CAB395
#CAAC9C
#CAA5A3
#CA9DAB
#CA94B4
#CDBF86
#CDB68F
#CDAD98
#CDA4A1
#CD9BAA
#CD91B4
#CD86BF
Colorpallet from #BFCD86 to #CDBF86 and to #86BFCD
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#C1CB86
#BFCB88
#BDCB8A
#BCCB8B
#BACB8D
#B8CB8F
#B6CB91
#C3C986
#BFC98A
#BCC98D
#B8C991
#B5C995
#B1C998
#ADC99D
#C6C686
#C1C68B
#BBC691
#B6C696
#B0C69C
#ABC6A1
#A4C6A8
#C8C486
#C1C48D
#BAC494
#B2C49C
#ABC4A3
#A4C4AA
#9BC4B3
#CAC286
#C1C28F
#B8C298
#AFC2A1
#A6C2AA
#9CC2B4
#91C2BF
#CDBF86
#C2BF91
#B6BF9D
#ABBFA8
#A0BFB3
#94BFBF
#86BFCD
Colorpallet from #BFCD86 to #CDBF86 and to #86CDBF
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#C1CB86
#BFCB87
#BDCC89
#BCCC8A
#BACC8C
#B8CD8D
#B6CD8F
#C3C986
#BFCA89
#BCCA8C
#B8CB8F
#B5CC92
#B1CC94
#ADCD98
#C6C686
#C1C78A
#BBC88F
#B6C993
#B0CA97
#ABCC9C
#A4CDA1
#C8C486
#C1C58C
#BAC792
#B2C897
#ABCA9D
#A4CBA3
#9BCDAA
#CAC286
#C1C48D
#B8C695
#AFC79C
#A6C9A3
#9CCBAB
#91CDB4
#CDBF86
#C2C18F
#B6C398
#ABC6A1
#A0C8AA
#94CAB4
#86CDBF
Colorpallet from #BFCD86 to #CD86BF and to #86BFCD
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#C1C28F
#BFC38F
#BDC590
#BCC690
#BAC890
#B8C991
#B6CB91
#C3B698
#BFB999
#BCBC9A
#B8BF9A
#B5C29B
#B1C59C
#ADC99D
#C6ABA1
#C1AFA2
#BBB4A3
#B6B8A4
#B0BCA5
#ABC1A7
#A4C6A8
#C8A0AA
#C1A6AB
#BAACAD
#B2B1AE
#ABB7B0
#A4BDB1
#9BC4B3
#CA94B4
#C19BB6
#B8A3B8
#AFAAB9
#A6B1BB
#9CB9BD
#91C2BF
#CD86BF
#C28FC1
#B698C3
#ABA1C6
#A0AAC8
#94B4CA
#86BFCD
Colorpallet from #BFCD86 to #CD86BF and to #86CDBF
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#C1C28F
#BFC48F
#BDC68F
#BCC78F
#BAC98F
#B8CB8F
#B6CD8F
#C3B698
#BFBA98
#BCBD98
#B8C198
#B5C598
#B1C898
#ADCD98
#C6ABA1
#C1B0A1
#BBB6A1
#B6BBA1
#B0C1A1
#ABC6A1
#A4CDA1
#C8A0AA
#C1A7AA
#BAAEAA
#B2B6AA
#ABBDAA
#A4C4AA
#9BCDAA
#CA94B4
#C19DB4
#B8A6B4
#AFAFB4
#A6B8B4
#9CC2B4
#91CDB4
#CD86BF
#C291BF
#B69DBF
#ABA8BF
#A0B3BF
#94BFBF
#86CDBF
Colorpallet from #BFCD86 to #86BFCD and to #86CDBF
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#BFCD86
#B6CB91
#B6CB91
#B6CC90
#B6CC90
#B6CC90
#B6CD8F
#B6CD8F
#ADC99D
#ADCA9C
#ADCA9B
#ADCB9B
#ADCC9A
#ADCC99
#ADCD98
#A4C6A8
#A4C7A7
#A4C8A6
#A4C9A5
#A4CAA4
#A4CCA2
#A4CDA1
#9BC4B3
#9BC5B2
#9BC7B0
#9BC8AF
#9BCAAD
#9BCBAC
#9BCDAA
#91C2BF
#91C4BD
#91C6BB
#91C7BA
#91C9B8
#91CBB6
#91CDB4
#86BFCD
#86C1CB
#86C3C9
#86C6C6
#86C8C4
#86CAC2
#86CDBF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
