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 #C2A686 to #C286A6 and to #A6C286
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A18B
#C1A28A
#C1A489
#C0A589
#BFA788
#BFA887
#BEAA86
#C29C90
#C19F8E
#BFA28D
#BEA58B
#BCA88A
#BBAB88
#B9AF86
#C29795
#C09B93
#BEA090
#BCA48E
#BAA98B
#B8AD89
#B5B386
#C2929A
#BF9897
#BC9E94
#B9A490
#B6AA8D
#B4B08A
#B0B886
#C28CA0
#BE949C
#BB9B98
#B7A394
#B4AB8F
#B0B28B
#ACBC86
#C286A6
#BE90A1
#B9999C
#B5A397
#B0AC92
#ACB68C
#A6C286
Colorpallet from #C2A686 to #C286A6 and to #A686C2
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A18B
#C1A18C
#C1A18D
#C0A18D
#BFA18E
#BFA18F
#BEA190
#C29C90
#C19C91
#BF9C93
#BE9C94
#BC9C96
#BB9C97
#B99C99
#C29795
#C09797
#BE9799
#BC979C
#BA979E
#B897A0
#B597A3
#C2929A
#BF929D
#BC92A0
#B992A3
#B692A6
#B492A8
#B092AC
#C28CA0
#BE8CA4
#BB8CA7
#B78CAB
#B48CAE
#B08CB2
#AC8CB6
#C286A6
#BE86AA
#B986AF
#B586B3
#B086B8
#AC86BC
#A686C2
Colorpallet from #C2A686 to #C286A6 and to #86C2A6
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A18B
#C0A28B
#BFA48B
#BDA58B
#BCA78B
#BAA88B
#B8AA8B
#C29C90
#BF9F90
#BCA290
#B9A590
#B6A890
#B3AB90
#AFAF90
#C29795
#BD9B95
#B9A095
#B4A495
#AFA995
#ABAD95
#A5B395
#C2929A
#BC989A
#B69E9A
#B0A49A
#AAAA9A
#A4B09A
#9CB89A
#C28CA0
#BA94A0
#B39BA0
#ABA3A0
#A3ABA0
#9CB2A0
#92BCA0
#C286A6
#B890A6
#AF99A6
#A5A3A6
#9CACA6
#92B6A6
#86C2A6
Colorpallet from #C2A686 to #C286A6 and to #86A6C2
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A18B
#C0A28C
#BFA38D
#BDA38D
#BCA48E
#BAA58F
#B8A690
#C29C90
#BF9E91
#BC9F93
#B9A194
#B6A296
#B3A497
#AFA699
#C29795
#BD9997
#B99C99
#B49E9C
#AFA19E
#ABA3A0
#A5A6A3
#C2929A
#BC959D
#B698A0
#B09CA3
#AA9FA6
#A4A2A8
#9CA6AC
#C28CA0
#BA90A4
#B394A7
#AB98AB
#A39DAE
#9CA1B2
#92A6B6
#C286A6
#B88BAA
#AF90AF
#A595B3
#9C9AB8
#92A0BC
#86A6C2
Colorpallet from #C2A686 to #A6C286 and to #A686C2
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#BEAA86
#BEA988
#BEA789
#BEA68B
#BEA48C
#BEA38E
#BEA190
#B9AF86
#B9AC89
#B9A98C
#B9A68F
#B9A392
#B9A095
#B99C99
#B5B386
#B5AF8B
#B5AA8F
#B5A694
#B5A199
#B59D9D
#B597A3
#B0B886
#B0B28C
#B0AC92
#B0A698
#B0A09E
#B09AA4
#B092AC
#ACBC86
#ACB48E
#ACAD95
#ACA59D
#AC9DA5
#AC96AC
#AC8CB6
#A6C286
#A6B890
#A6AF99
#A6A5A3
#A69CAC
#A692B6
#A686C2
Colorpallet from #C2A686 to #A6C286 and to #86C2A6
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#BEAA86
#BDAA87
#BCAA88
#BBAA88
#BAAA89
#B9AA8A
#B8AA8B
#B9AF86
#B7AF88
#B6AF89
#B4AF8B
#B3AF8C
#B1AF8E
#AFAF90
#B5B386
#B2B388
#B0B38B
#ADB38D
#ABB390
#A8B392
#A5B395
#B0B886
#ADB889
#AAB88C
#A6B890
#A3B893
#A0B896
#9CB89A
#ACBC86
#A8BC8A
#A4BC8E
#A0BC92
#9BBC97
#97BC9B
#92BCA0
#A6C286
#A1C28B
#9CC290
#97C295
#92C29A
#8CC2A0
#86C2A6
Colorpallet from #C2A686 to #A6C286 and to #86A6C2
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#BEAA86
#BDA988
#BCA989
#BBA88B
#BAA78C
#B9A78E
#B8A690
#B9AF86
#B7AE89
#B6AC8C
#B4AB8F
#B3A992
#B1A895
#AFA699
#B5B386
#B2B18B
#B0AF8F
#ADAD94
#ABAB99
#A8A99D
#A5A6A3
#B0B886
#ADB58C
#AAB292
#A6AF98
#A3AC9E
#A0AAA4
#9CA6AC
#ACBC86
#A8B88E
#A4B595
#A0B19D
#9BAEA5
#97AAAC
#92A6B6
#A6C286
#A1BE90
#9CB999
#97B5A3
#92B0AC
#8CACB6
#86A6C2
Colorpallet from #C2A686 to #A686C2 and to #86C2A6
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#BEA190
#BDA28F
#BCA48E
#BBA58E
#BAA78D
#B9A88C
#B8AA8B
#B99C99
#B79F98
#B6A296
#B4A595
#B3A893
#B1AB92
#AFAF90
#B597A3
#B29BA1
#B0A09F
#ADA49C
#ABA99A
#A8AD98
#A5B395
#B092AC
#AD98A9
#AA9EA6
#A6A4A3
#A3AAA0
#A0B09E
#9CB89A
#AC8CB6
#A894B2
#A49BAF
#A0A3AB
#9BABA8
#97B2A4
#92BCA0
#A686C2
#A190BE
#9C99B9
#97A3B5
#92ACB0
#8CB6AC
#86C2A6
Colorpallet from #C2A686 to #A686C2 and to #86A6C2
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#BEA190
#BDA290
#BCA390
#BBA390
#BAA490
#B9A590
#B8A690
#B99C99
#B79E99
#B69F99
#B4A199
#B3A299
#B1A499
#AFA699
#B597A3
#B299A3
#B09CA3
#AD9EA3
#ABA1A3
#A8A3A3
#A5A6A3
#B092AC
#AD95AC
#AA98AC
#A69CAC
#A39FAC
#A0A2AC
#9CA6AC
#AC8CB6
#A890B6
#A494B6
#A098B6
#9B9DB6
#97A1B6
#92A6B6
#A686C2
#A18BC2
#9C90C2
#9795C2
#929AC2
#8CA0C2
#86A6C2
Colorpallet from #C2A686 to #86C2A6 and to #86A6C2
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#C2A686
#B8AA8B
#B8A98C
#B8A98D
#B8A88D
#B8A78E
#B8A78F
#B8A690
#AFAF90
#AFAE91
#AFAC93
#AFAB94
#AFA996
#AFA897
#AFA699
#A5B395
#A5B197
#A5AF99
#A5AD9C
#A5AB9E
#A5A9A0
#A5A6A3
#9CB89A
#9CB59D
#9CB2A0
#9CAFA3
#9CACA6
#9CAAA8
#9CA6AC
#92BCA0
#92B8A4
#92B5A7
#92B1AB
#92AEAE
#92AAB2
#92A6B6
#86C2A6
#86BEAA
#86B9AF
#86B5B3
#86B0B8
#86ACBC
#86A6C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
