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 #C5A276 to #C576A2 and to #A2C576
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C59B7D
#C49D7C
#C39F7B
#C2A17A
#C1A379
#C0A577
#BFA876
#C59484
#C39882
#C19C80
#C0A07D
#BEA47B
#BCA879
#BAAD76
#C58D8B
#C29388
#C09984
#BD9F81
#BAA57E
#B7AB7A
#B4B376
#C58692
#C18E8E
#BE9689
#BA9E85
#B7A680
#B3AE7C
#AFB876
#C57F99
#C18993
#BC938E
#B89D88
#B3A783
#AFB17D
#A9BE76
#C576A2
#BF839B
#BA8F94
#B49C8D
#AFA986
#A9B57F
#A2C576
Colorpallet from #C5A276 to #C576A2 and to #A276C5
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C59B7D
#C49B7E
#C39B7F
#C29B80
#C19B81
#C09B82
#BF9B83
#C59484
#C39486
#C19488
#C09489
#BE948B
#BC948D
#BA948F
#C58D8B
#C28D8E
#C08D90
#BD8D93
#BA8D96
#B78D99
#B48D9C
#C58692
#C18696
#BE8699
#BA869D
#B786A1
#B386A4
#AF86A9
#C57F99
#C17F9D
#BC7FA2
#B87FA6
#B37FAB
#AF7FAF
#A97FB5
#C576A2
#BF76A8
#BA76AD
#B476B3
#AF76B8
#A976BE
#A276C5
Colorpallet from #C5A276 to #C576A2 and to #76C5A2
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C59B7D
#C39D7D
#C19F7D
#BFA17D
#BDA37D
#BBA57D
#B8A87D
#C59484
#C19884
#BD9C84
#B9A084
#B5A484
#B1A884
#ACAD84
#C58D8B
#BF938B
#B9998B
#B39F8B
#ADA58B
#A7AB8B
#9FB38B
#C58692
#BD8E92
#B59692
#AD9E92
#A4A692
#9CAE92
#92B892
#C57F99
#BB8999
#B19399
#A79D99
#9DA799
#93B199
#86BE99
#C576A2
#B883A2
#AC8FA2
#9F9CA2
#92A9A2
#86B5A2
#76C5A2
Colorpallet from #C5A276 to #C576A2 and to #76A2C5
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C59B7D
#C39C7E
#C19D7F
#BF9E80
#BD9F81
#BBA182
#B8A283
#C59484
#C19686
#BD9888
#B99B89
#B59D8B
#B19F8D
#ACA28F
#C58D8B
#BF908E
#B99490
#B39793
#AD9A96
#A79E99
#9FA29C
#C58692
#BD8A96
#B58F99
#AD939D
#A498A1
#9C9CA4
#92A2A9
#C57F99
#BB859D
#B18AA2
#A790A6
#9D95AB
#939BAF
#86A2B5
#C576A2
#B87DA8
#AC84AD
#9F8BB3
#9292B8
#8699BE
#76A2C5
Colorpallet from #C5A276 to #A2C576 and to #A276C5
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#BFA876
#BFA678
#BFA47A
#BFA27C
#BFA07E
#BF9E80
#BF9B83
#BAAD76
#BAA97A
#BAA57E
#BAA182
#BA9D86
#BA998A
#BA948F
#B4B376
#B4AD7C
#B4A782
#B4A188
#B49B8E
#B49594
#B48D9C
#AFB876
#AFB07E
#AFA886
#AFA08E
#AF9897
#AF909F
#AF86A9
#A9BE76
#A9B480
#A9AA8A
#A9A094
#A9969E
#A98CA8
#A97FB5
#A2C576
#A2B883
#A2AC8F
#A29F9C
#A292A9
#A286B5
#A276C5
Colorpallet from #C5A276 to #A2C576 and to #76C5A2
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#BFA876
#BEA877
#BDA878
#BCA879
#BBA87A
#B9A87C
#B8A87D
#BAAD76
#B8AD78
#B6AD7A
#B3AD7D
#B1AD7F
#AFAD81
#ACAD84
#B4B376
#B1B379
#ADB37D
#AAB380
#A7B383
#A3B387
#9FB38B
#AFB876
#AAB87A
#A6B87F
#A1B883
#9CB888
#98B88C
#92B892
#A9BE76
#A3BE7C
#9EBE81
#98BE87
#93BE8C
#8DBE92
#86BE99
#A2C576
#9BC57D
#94C584
#8DC58B
#86C592
#7FC599
#76C5A2
Colorpallet from #C5A276 to #A2C576 and to #76A2C5
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#BFA876
#BEA778
#BDA67A
#BCA57C
#BBA47E
#B9A380
#B8A283
#BAAD76
#B8AB7A
#B6A97E
#B3A882
#B1A686
#AFA48A
#ACA28F
#B4B376
#B1B07C
#ADAE82
#AAAB88
#A7A88E
#A3A594
#9FA29C
#AFB876
#AAB47E
#A6B186
#A1AD8E
#9CAA97
#98A69F
#92A2A9
#A9BE76
#A3BA80
#9EB58A
#98B194
#93AC9E
#8DA8A8
#86A2B5
#A2C576
#9BBF83
#94BA8F
#8DB49C
#86AFA9
#7FA9B5
#76A2C5
Colorpallet from #C5A276 to #A276C5 and to #76C5A2
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#BF9B83
#BE9D82
#BD9F81
#BCA180
#BBA37F
#B9A57E
#B8A87D
#BA948F
#B8988D
#B69C8B
#B3A08A
#B1A488
#AFA886
#ACAD84
#B48D9C
#B19399
#AD9997
#AA9F94
#A7A591
#A3AB8E
#9FB38B
#AF86A9
#AA8EA5
#A696A2
#A19E9E
#9CA69A
#98AE97
#92B892
#A97FB5
#A389B1
#9E93AC
#989DA8
#93A7A3
#8DB19F
#86BE99
#A276C5
#9B83BF
#948FBA
#8D9CB4
#86A9AF
#7FB5A9
#76C5A2
Colorpallet from #C5A276 to #A276C5 and to #76A2C5
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#BF9B83
#BE9C83
#BD9D83
#BC9E83
#BB9F83
#B9A183
#B8A283
#BA948F
#B8968F
#B6988F
#B39B8F
#B19D8F
#AF9F8F
#ACA28F
#B48D9C
#B1909C
#AD949C
#AA979C
#A79A9C
#A39E9C
#9FA29C
#AF86A9
#AA8AA9
#A68FA9
#A193A9
#9C98A9
#989CA9
#92A2A9
#A97FB5
#A385B5
#9E8AB5
#9890B5
#9395B5
#8D9BB5
#86A2B5
#A276C5
#9B7DC5
#9484C5
#8D8BC5
#8692C5
#7F99C5
#76A2C5
Colorpallet from #C5A276 to #76C5A2 and to #76A2C5
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#C5A276
#B8A87D
#B8A77E
#B8A67F
#B8A580
#B8A481
#B8A382
#B8A283
#ACAD84
#ACAB86
#ACA988
#ACA889
#ACA68B
#ACA48D
#ACA28F
#9FB38B
#9FB08E
#9FAE90
#9FAB93
#9FA896
#9FA599
#9FA29C
#92B892
#92B496
#92B199
#92AD9D
#92AAA1
#92A6A4
#92A2A9
#86BE99
#86BA9D
#86B5A2
#86B1A6
#86ACAB
#86A8AF
#86A2B5
#76C5A2
#76BFA8
#76BAAD
#76B4B3
#76AFB8
#76A9BE
#76A2C5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
