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 #D3A880 to #D380A8 and to #A8D380
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A286
#D2A485
#D1A684
#D0A883
#CFAA82
#CDAC81
#CCAF80
#D39B8D
#D19F8B
#CFA489
#CCA887
#CAAC85
#C8B183
#C5B680
#D39593
#D09B90
#CCA28D
#C9A88A
#C6AF87
#C2B584
#BEBD80
#D38E9A
#CF9796
#CA9F92
#C6A88E
#C1B189
#BDB985
#B7C480
#D388A0
#CE939B
#C89D96
#C3A891
#BDB28C
#B8BD86
#B1CA80
#D380A8
#CC8DA2
#C59B9B
#BEA895
#B7B58E
#B1C288
#A8D380
Colorpallet from #D3A880 to #D380A8 and to #A880D3
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A286
#D2A287
#D1A288
#D0A289
#CFA28A
#CDA28C
#CCA28D
#D39B8D
#D19B8F
#CF9B91
#CC9B94
#CA9B96
#C89B98
#C59B9B
#D39593
#D09596
#CC959A
#C9959D
#C695A0
#C295A4
#BE95A8
#D38E9A
#CF8E9E
#CA8EA3
#C68EA7
#C18EAB
#BD8EB0
#B78EB5
#D388A0
#CE88A5
#C888AB
#C388B0
#BD88B6
#B888BB
#B188C2
#D380A8
#CC80AF
#C580B6
#BE80BD
#B780C4
#B180CA
#A880D3
Colorpallet from #D3A880 to #D380A8 and to #80D3A8
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A286
#D1A486
#CFA686
#CDA886
#CBAA86
#C9AC86
#C6AF86
#D39B8D
#CF9F8D
#CAA48D
#C6A88D
#C2AC8D
#BDB18D
#B8B68D
#D39593
#CD9B93
#C6A293
#C0A893
#B9AF93
#B3B593
#ABBD93
#D38E9A
#CB979A
#C29F9A
#BAA89A
#B1B19A
#A9B99A
#9EC49A
#D388A0
#C893A0
#BE9DA0
#B3A8A0
#A9B2A0
#9EBDA0
#91CAA0
#D380A8
#C68DA8
#B89BA8
#ABA8A8
#9EB5A8
#91C2A8
#80D3A8
Colorpallet from #D3A880 to #D380A8 and to #80A8D3
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A286
#D1A387
#CFA488
#CDA589
#CBA68A
#C9A78C
#C6A88D
#D39B8D
#CF9D8F
#CA9F91
#C6A194
#C2A396
#BDA598
#B8A89B
#D39593
#CD9896
#C69B9A
#C09E9D
#B9A1A0
#B3A4A4
#ABA8A8
#D38E9A
#CB929E
#C296A3
#BA9AA7
#B19FAB
#A9A3B0
#9EA8B5
#D388A0
#C88DA5
#BE92AB
#B397B0
#A99CB6
#9EA2BB
#91A8C2
#D380A8
#C686AF
#B88DB6
#AB93BD
#9E9AC4
#91A0CA
#80A8D3
Colorpallet from #D3A880 to #A8D380 and to #A880D3
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#CCAF80
#CCAD82
#CCAB84
#CCA986
#CCA788
#CCA58A
#CCA28D
#C5B680
#C5B284
#C5AD89
#C5A98D
#C5A591
#C5A096
#C59B9B
#BEBD80
#BEB786
#BEB08D
#BEAA93
#BEA39A
#BE9DA0
#BE95A8
#B7C480
#B7BB88
#B7B391
#B7AA99
#B7A1A2
#B799AA
#B78EB5
#B1CA80
#B1BF8B
#B1B595
#B1AAA0
#B1A0AA
#B195B5
#B188C2
#A8D380
#A8C68D
#A8B89B
#A8ABA8
#A89EB5
#A891C2
#A880D3
Colorpallet from #D3A880 to #A8D380 and to #80D3A8
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#CCAF80
#CBAF81
#CAAF82
#C9AF83
#C8AF84
#C7AF85
#C6AF86
#C5B680
#C3B682
#C1B684
#BFB686
#BDB688
#BBB68A
#B8B68D
#BEBD80
#BBBD83
#B8BD86
#B5BD89
#B2BD8C
#AFBD8F
#ABBD93
#B7C480
#B3C484
#AFC488
#ABC48C
#A7C491
#A3C495
#9EC49A
#B1CA80
#ACCA85
#A7CA8A
#A2CA8F
#9DCA94
#97CA9A
#91CAA0
#A8D380
#A2D386
#9BD38D
#95D393
#8ED39A
#88D3A0
#80D3A8
Colorpallet from #D3A880 to #A8D380 and to #80A8D3
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#CCAF80
#CBAE82
#CAAD84
#C9AC86
#C8AB88
#C7A98A
#C6A88D
#C5B680
#C3B484
#C1B289
#BFAF8D
#BDAD91
#BBAB96
#B8A89B
#BEBD80
#BBBA86
#B8B68D
#B5B393
#B2B09A
#AFACA0
#ABA8A8
#B7C480
#B3C088
#AFBB91
#ABB799
#A7B2A2
#A3AEAA
#9EA8B5
#B1CA80
#ACC58B
#A7BF95
#A2BAA0
#9DB4AA
#97AFB5
#91A8C2
#A8D380
#A2CC8D
#9BC59B
#95BEA8
#8EB7B5
#88B1C2
#80A8D3
Colorpallet from #D3A880 to #A880D3 and to #80D3A8
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#CCA28D
#CBA48C
#CAA68B
#C9A88A
#C8AA89
#C7AC87
#C6AF86
#C59B9B
#C39F99
#C1A497
#BFA894
#BDAC92
#BBB190
#B8B68D
#BE95A8
#BB9BA5
#B8A2A1
#B5A89E
#B2AF9B
#AFB597
#ABBD93
#B78EB5
#B397B1
#AF9FAC
#ABA8A8
#A7B1A4
#A3B99F
#9EC49A
#B188C2
#AC93BD
#A79DB7
#A2A8B2
#9DB2AC
#97BDA7
#91CAA0
#A880D3
#A28DCC
#9B9BC5
#95A8BE
#8EB5B7
#88C2B1
#80D3A8
Colorpallet from #D3A880 to #A880D3 and to #80A8D3
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#CCA28D
#CBA38D
#CAA48D
#C9A58D
#C8A68D
#C7A78D
#C6A88D
#C59B9B
#C39D9B
#C19F9B
#BFA19B
#BDA39B
#BBA59B
#B8A89B
#BE95A8
#BB98A8
#B89BA8
#B59EA8
#B2A1A8
#AFA4A8
#ABA8A8
#B78EB5
#B392B5
#AF96B5
#AB9AB5
#A79FB5
#A3A3B5
#9EA8B5
#B188C2
#AC8DC2
#A792C2
#A297C2
#9D9CC2
#97A2C2
#91A8C2
#A880D3
#A286D3
#9B8DD3
#9593D3
#8E9AD3
#88A0D3
#80A8D3
Colorpallet from #D3A880 to #80D3A8 and to #80A8D3
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#D3A880
#C6AF86
#C6AE87
#C6AD88
#C6AC89
#C6AB8A
#C6A98C
#C6A88D
#B8B68D
#B8B48F
#B8B291
#B8AF94
#B8AD96
#B8AB98
#B8A89B
#ABBD93
#ABBA96
#ABB69A
#ABB39D
#ABB0A0
#ABACA4
#ABA8A8
#9EC49A
#9EC09E
#9EBBA3
#9EB7A7
#9EB2AB
#9EAEB0
#9EA8B5
#91CAA0
#91C5A5
#91BFAB
#91BAB0
#91B4B6
#91AFBB
#91A8C2
#80D3A8
#80CCAF
#80C5B6
#80BEBD
#80B7C4
#80B1CA
#80A8D3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts