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 #C6B388 to #C688B3 and to #B3C688
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6AC8F
#C6AE8E
#C5AF8D
#C5B18C
#C4B28B
#C4B489
#C3B688
#C6A596
#C5A894
#C4AB92
#C3AF8F
#C2B28D
#C1B58B
#C0B988
#C69E9D
#C5A39A
#C3A896
#C2AC93
#C0B190
#BFB68C
#BDBC88
#C697A4
#C49DA0
#C2A49B
#C0AA97
#BEB192
#BCB78E
#BABF88
#C691AA
#C499A5
#C1A19F
#BFA99A
#BCB094
#BAB88F
#B7C288
#C688B3
#C392AC
#C09CA5
#BDA69E
#BAB097
#B7BA91
#B3C688
Colorpallet from #C6B388 to #C688B3 and to #B388C6
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6AC8F
#C6AC8F
#C5AC90
#C5AC90
#C4AC91
#C4AC91
#C3AC92
#C6A596
#C5A597
#C4A598
#C3A599
#C2A59A
#C1A59B
#C0A59C
#C69E9D
#C59E9E
#C39EA0
#C29EA1
#C09EA3
#BF9EA4
#BD9EA6
#C697A4
#C497A6
#C297A8
#C097AA
#BE97AC
#BC97AE
#BA97B0
#C691AA
#C491AD
#C191AF
#BF91B2
#BC91B4
#BA91B7
#B791BA
#C688B3
#C388B6
#C088B9
#BD88BC
#BA88BF
#B788C2
#B388C6
Colorpallet from #C6B388 to #C688B3 and to #88C6B3
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6AC8F
#C4AE8F
#C3AF8F
#C1B18F
#C0B28F
#BEB48F
#BCB68F
#C6A596
#C3A896
#C0AB96
#BCAF96
#B9B296
#B6B596
#B2B996
#C69E9D
#C1A39D
#BCA89D
#B8AC9D
#B3B19D
#AEB69D
#A8BC9D
#C697A4
#C09DA4
#B9A4A4
#B3AAA4
#ACB1A4
#A6B7A4
#9EBFA4
#C691AA
#BE99AA
#B6A1AA
#AEA9AA
#A6B0AA
#9EB8AA
#94C2AA
#C688B3
#BC92B3
#B29CB3
#A8A6B3
#9EB0B3
#94BAB3
#88C6B3
Colorpallet from #C6B388 to #C688B3 and to #88B3C6
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6AC8F
#C4AD8F
#C3AE90
#C1AF90
#C0B091
#BEB291
#BCB392
#C6A596
#C3A797
#C0A998
#BCAC99
#B9AE9A
#B6B09B
#B2B39C
#C69E9D
#C1A19E
#BCA5A0
#B8A8A1
#B3ABA3
#AEAFA4
#A8B3A6
#C697A4
#C09BA6
#B9A0A8
#B3A4AA
#ACA9AC
#A6ADAE
#9EB3B0
#C691AA
#BE96AD
#B69CAF
#AEA1B2
#A6A7B4
#9EACB7
#94B3BA
#C688B3
#BC8FB6
#B296B9
#A89DBC
#9EA4BF
#94AAC2
#88B3C6
Colorpallet from #C6B388 to #B3C688 and to #B388C6
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C3B688
#C3B48A
#C3B38B
#C3B18D
#C3B08E
#C3AE90
#C3AC92
#C0B988
#C0B68B
#C0B38E
#C0AF92
#C0AC95
#C0A998
#C0A59C
#BDBC88
#BDB78D
#BDB292
#BDAE96
#BDA99B
#BDA4A0
#BD9EA6
#BABF88
#BAB98E
#BAB295
#BAAC9B
#BAA5A2
#BA9FA8
#BA97B0
#B7C288
#B7BA90
#B7B298
#B7AAA0
#B7A3A8
#B79BB0
#B791BA
#B3C688
#B3BC92
#B3B29C
#B3A8A6
#B39EB0
#B394BA
#B388C6
Colorpallet from #C6B388 to #B3C688 and to #88C6B3
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C3B688
#C2B689
#C1B68A
#C0B68B
#BFB68C
#BDB68E
#BCB68F
#C0B988
#BEB98A
#BCB98C
#B9B98F
#B7B991
#B5B993
#B2B996
#BDBC88
#BABC8B
#B6BC8F
#B3BC92
#B0BC95
#ACBC99
#A8BC9D
#BABF88
#B6BF8C
#B1BF91
#ADBF95
#A8BF9A
#A4BF9E
#9EBFA4
#B7C288
#B1C28D
#ACC293
#A6C298
#A1C29E
#9BC2A3
#94C2AA
#B3C688
#ACC68F
#A5C696
#9EC69D
#97C6A4
#91C6AA
#88C6B3
Colorpallet from #C6B388 to #B3C688 and to #88B3C6
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C3B688
#C2B68A
#C1B58B
#C0B58D
#BFB48E
#BDB490
#BCB392
#C0B988
#BEB88B
#BCB78E
#B9B692
#B7B595
#B5B498
#B2B39C
#BDBC88
#BABB8D
#B6B992
#B3B896
#B0B69B
#ACB5A0
#A8B3A6
#BABF88
#B6BD8E
#B1BB95
#ADB99B
#A8B7A2
#A4B5A8
#9EB3B0
#B7C288
#B1C090
#ACBD98
#A6BBA0
#A1B8A8
#9BB6B0
#94B3BA
#B3C688
#ACC392
#A5C09C
#9EBDA6
#97BAB0
#91B7BA
#88B3C6
Colorpallet from #C6B388 to #B388C6 and to #88C6B3
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C3AC92
#C2AE92
#C1AF91
#C0B191
#BFB290
#BDB490
#BCB68F
#C0A59C
#BEA89B
#BCAB9A
#B9AF99
#B7B298
#B5B597
#B2B996
#BD9EA6
#BAA3A5
#B6A8A3
#B3ACA2
#B0B1A0
#ACB69F
#A8BC9D
#BA97B0
#B69DAE
#B1A4AC
#ADAAAA
#A8B1A8
#A4B7A6
#9EBFA4
#B791BA
#B199B7
#ACA1B5
#A6A9B2
#A1B0B0
#9BB8AD
#94C2AA
#B388C6
#AC92C3
#A59CC0
#9EA6BD
#97B0BA
#91BAB7
#88C6B3
Colorpallet from #C6B388 to #B388C6 and to #88B3C6
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C3AC92
#C2AD92
#C1AE92
#C0AF92
#BFB092
#BDB292
#BCB392
#C0A59C
#BEA79C
#BCA99C
#B9AC9C
#B7AE9C
#B5B09C
#B2B39C
#BD9EA6
#BAA1A6
#B6A5A6
#B3A8A6
#B0ABA6
#ACAFA6
#A8B3A6
#BA97B0
#B69BB0
#B1A0B0
#ADA4B0
#A8A9B0
#A4ADB0
#9EB3B0
#B791BA
#B196BA
#AC9CBA
#A6A1BA
#A1A7BA
#9BACBA
#94B3BA
#B388C6
#AC8FC6
#A596C6
#9E9DC6
#97A4C6
#91AAC6
#88B3C6
Colorpallet from #C6B388 to #88C6B3 and to #88B3C6
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#C6B388
#BCB68F
#BCB68F
#BCB590
#BCB590
#BCB491
#BCB491
#BCB392
#B2B996
#B2B897
#B2B798
#B2B699
#B2B59A
#B2B49B
#B2B39C
#A8BC9D
#A8BB9E
#A8B9A0
#A8B8A1
#A8B6A3
#A8B5A4
#A8B3A6
#9EBFA4
#9EBDA6
#9EBBA8
#9EB9AA
#9EB7AC
#9EB5AE
#9EB3B0
#94C2AA
#94C0AD
#94BDAF
#94BBB2
#94B8B4
#94B6B7
#94B3BA
#88C6B3
#88C3B6
#88C0B9
#88BDBC
#88BABF
#88B7C2
#88B3C6
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
