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 #C688A4 to #C6A488 and to #88C6A4
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C68CA0
#C48DA1
#C38EA1
#C18FA2
#C090A3
#BE91A3
#BC92A4
#C6919B
#C3939C
#C0959E
#BC969F
#B998A1
#B69AA2
#B29CA4
#C69597
#C19899
#BC9A9B
#B89D9D
#B3A09F
#AEA3A1
#A8A6A4
#C69A92
#C09E95
#B9A198
#B3A59B
#ACA89E
#A6ACA0
#9EB0A4
#C69E8E
#BEA292
#B6A795
#AEAB99
#A6B09C
#9EB4A0
#94BAA4
#C6A488
#BCA98C
#B2AF91
#A8B495
#9EBA9A
#94BF9E
#88C6A4
Colorpallet from #C688A4 to #C6A488 and to #88A4C6
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C68CA0
#C48CA1
#C38CA3
#C18CA4
#C08CA6
#BE8CA7
#BC8CA9
#C6919B
#C3919E
#C091A1
#BC91A5
#B991A8
#B691AB
#B291AF
#C69597
#C1959C
#BC95A0
#B895A5
#B395AA
#AE95AE
#A895B4
#C69A92
#C09A98
#B99A9F
#B39AA5
#AC9AAC
#A69AB2
#9E9ABA
#C69E8E
#BE9E96
#B69E9E
#AE9EA6
#A69EAD
#9E9EB5
#949EBF
#C6A488
#BCA492
#B2A49C
#A8A4A6
#9EA4B0
#94A4BA
#88A4C6
Colorpallet from #C688A4 to #C6A488 and to #A4C688
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C68CA0
#C58DA0
#C48EA0
#C48FA0
#C390A0
#C291A0
#C192A0
#C6919B
#C4939B
#C2959B
#C1969B
#BF989B
#BD9A9B
#BB9C9B
#C69597
#C39897
#C19A97
#BE9D97
#BCA097
#B9A397
#B6A697
#C69A92
#C29E92
#BFA192
#BBA592
#B8A892
#B4AC92
#B0B092
#C69E8E
#C2A28E
#BDA78E
#B9AB8E
#B5B08E
#B0B48E
#ABBA8E
#C6A488
#C1A988
#BBAF88
#B6B488
#B0BA88
#ABBF88
#A4C688
Colorpallet from #C688A4 to #C6A488 and to #A488C6
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C68CA0
#C58BA1
#C48BA3
#C48AA4
#C389A6
#C289A7
#C188A9
#C6919B
#C4909E
#C28EA1
#C18DA5
#BF8BA8
#BD8AAB
#BB88AF
#C69597
#C3939C
#C191A0
#BE8FA5
#BC8DAA
#B98BAE
#B688B4
#C69A92
#C29798
#BF949F
#BB91A5
#B88EAC
#B48CB2
#B088BA
#C69E8E
#C29A96
#BD979E
#B993A6
#B590AD
#B08CB5
#AB88BF
#C6A488
#C1A092
#BB9B9C
#B697A6
#B092B0
#AB8EBA
#A488C6
Colorpallet from #C688A4 to #88C6A4 and to #88A4C6
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#BC92A4
#BC91A5
#BC90A6
#BC8FA6
#BC8EA7
#BC8DA8
#BC8CA9
#B29CA4
#B29AA6
#B298A8
#B297A9
#B295AB
#B293AD
#B291AF
#A8A6A4
#A8A3A7
#A8A1A9
#A89EAC
#A89BAE
#A898B1
#A895B4
#9EB0A4
#9EACA8
#9EA9AB
#9EA5AF
#9EA2B2
#9E9EB6
#9E9ABA
#94BAA4
#94B6A8
#94B1AD
#94ADB1
#94A8B5
#94A4BA
#949EBF
#88C6A4
#88C1A9
#88BBAF
#88B6B4
#88B0BA
#88ABBF
#88A4C6
Colorpallet from #C688A4 to #88C6A4 and to #A4C688
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#BC92A4
#BD92A3
#BE92A3
#BE92A2
#BF92A1
#C092A1
#C192A0
#B29CA4
#B39CA3
#B59CA1
#B69CA0
#B89C9E
#B99C9D
#BB9C9B
#A8A6A4
#AAA6A2
#ACA6A0
#AFA69E
#B1A69C
#B3A69A
#B6A697
#9EB0A4
#A1B0A1
#A4B09E
#A7B09B
#AAB098
#ACB096
#B0B092
#94BAA4
#98BAA0
#9BBA9D
#9FBA99
#A3BA96
#A6BA92
#ABBA8E
#88C6A4
#8CC6A0
#91C69B
#95C697
#9AC692
#9EC68E
#A4C688
Colorpallet from #C688A4 to #88C6A4 and to #A488C6
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#BC92A4
#BD90A5
#BE8FA6
#BE8DA6
#BF8CA7
#C08AA8
#C188A9
#B29CA4
#B399A6
#B596A8
#B692A9
#B88FAB
#B98CAD
#BB88AF
#A8A6A4
#AAA1A7
#AC9CA9
#AF98AC
#B193AE
#B38EB1
#B688B4
#9EB0A4
#A1AAA8
#A4A3AB
#A79DAF
#AA96B2
#AC90B6
#B088BA
#94BAA4
#98B2A8
#9BAAAD
#9FA2B1
#A39AB5
#A692BA
#AB88BF
#88C6A4
#8CBCA9
#91B2AF
#95A8B4
#9A9EBA
#9E94BF
#A488C6
Colorpallet from #C688A4 to #88A4C6 and to #A4C688
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#BC8CA9
#BD8DA8
#BE8EA6
#BE8FA5
#BF90A3
#C091A2
#C192A0
#B291AF
#B393AC
#B595A9
#B696A5
#B898A2
#B99A9F
#BB9C9B
#A895B4
#AA98AF
#AC9AAB
#AF9DA6
#B1A0A1
#B3A39D
#B6A697
#9E9ABA
#A19EB4
#A4A1AD
#A7A5A7
#AAA8A0
#ACAC9A
#B0B092
#949EBF
#98A2B7
#9BA7AF
#9FABA7
#A3B0A0
#A6B498
#ABBA8E
#88A4C6
#8CA9BC
#91AFB2
#95B4A8
#9ABA9E
#9EBF94
#A4C688
Colorpallet from #C688A4 to #88A4C6 and to #A488C6
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#BC8CA9
#BD8BA9
#BE8BA9
#BE8AA9
#BF89A9
#C089A9
#C188A9
#B291AF
#B390AF
#B58EAF
#B68DAF
#B88BAF
#B98AAF
#BB88AF
#A895B4
#AA93B4
#AC91B4
#AF8FB4
#B18DB4
#B38BB4
#B688B4
#9E9ABA
#A197BA
#A494BA
#A791BA
#AA8EBA
#AC8CBA
#B088BA
#949EBF
#989ABF
#9B97BF
#9F93BF
#A390BF
#A68CBF
#AB88BF
#88A4C6
#8CA0C6
#919BC6
#9597C6
#9A92C6
#9E8EC6
#A488C6
Colorpallet from #C688A4 to #A4C688 and to #A488C6
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C688A4
#C192A0
#C190A1
#C18FA3
#C18DA4
#C18CA6
#C18AA7
#C188A9
#BB9C9B
#BB999E
#BB96A1
#BB92A5
#BB8FA8
#BB8CAB
#BB88AF
#B6A697
#B6A19C
#B69CA0
#B698A5
#B693AA
#B68EAE
#B688B4
#B0B092
#B0AA98
#B0A39F
#B09DA5
#B096AC
#B090B2
#B088BA
#ABBA8E
#ABB296
#ABAA9E
#ABA2A6
#AB9AAD
#AB92B5
#AB88BF
#A4C688
#A4BC92
#A4B29C
#A4A8A6
#A49EB0
#A494BA
#A488C6
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
