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 #B4C891 to #B491C8 and to #C8B491
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4BF9A
#B4C099
#B5C197
#B5C296
#B6C394
#B6C493
#B7C591
#B4B6A3
#B5B8A0
#B6BA9D
#B7BC9A
#B8BE97
#B9C095
#BAC291
#B4AEAB
#B6B1A7
#B7B3A3
#B9B69F
#BAB89A
#BCBB96
#BEBE91
#B4A5B4
#B6A9AE
#B8ACA9
#BAB0A3
#BCB39E
#BEB798
#C1BB91
#B49CBD
#B7A0B6
#B9A5AF
#BCA9A8
#BEAEA1
#C1B29A
#C4B891
#B491C8
#B797BF
#BA9CB6
#BEA2AE
#C1A7A5
#C4AD9C
#C8B491
Colorpallet from #B4C891 to #B491C8 and to #C891B4
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4BF9A
#B4BF9A
#B5BF99
#B5BF99
#B6BF98
#B6BF98
#B7BF97
#B4B6A3
#B5B6A2
#B6B6A1
#B7B6A0
#B8B69F
#B9B69D
#BAB69C
#B4AEAB
#B6AEAA
#B7AEA8
#B9AEA7
#BAAEA5
#BCAEA4
#BEAEA2
#B4A5B4
#B6A5B2
#B8A5B0
#BAA5AE
#BCA5AC
#BEA5AA
#C1A5A7
#B49CBD
#B79CBA
#B99CB8
#BC9CB5
#BE9CB3
#C19CB0
#C49CAD
#B491C8
#B791C5
#BA91C2
#BE91BE
#C191BB
#C491B8
#C891B4
Colorpallet from #B4C891 to #B491C8 and to #91B4C8
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4BF9A
#B3C09A
#B2C19A
#B1C29A
#B0C39A
#AFC49A
#AEC59A
#B4B6A3
#B2B8A3
#B0BAA3
#AFBCA3
#ADBEA3
#ABC0A3
#A9C2A3
#B4AEAB
#B1B1AB
#AFB3AB
#ACB6AB
#A9B8AB
#A6BBAB
#A3BEAB
#B4A5B4
#B0A9B4
#ADACB4
#A9B0B4
#A6B3B4
#A2B7B4
#9EBBB4
#B49CBD
#B0A0BD
#ABA5BD
#A7A9BD
#A2AEBD
#9EB2BD
#98B8BD
#B491C8
#AE97C8
#A99CC8
#A3A2C8
#9EA7C8
#98ADC8
#91B4C8
Colorpallet from #B4C891 to #B491C8 and to #91C8B4
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4BF9A
#B3C09A
#B2C299
#B1C399
#B0C598
#AFC698
#AEC897
#B4B6A3
#B2B9A2
#B0BCA1
#AFBFA0
#ADC29F
#ABC49D
#A9C89C
#B4AEAB
#B1B2AA
#AFB6A8
#ACBAA7
#A9BFA5
#A6C3A4
#A3C8A2
#B4A5B4
#B0ABB2
#ADB0B0
#A9B6AE
#A6BBAC
#A2C1AA
#9EC8A7
#B49CBD
#B0A3BA
#ABAAB8
#A7B1B5
#A2B8B3
#9EBFB0
#98C8AD
#B491C8
#AE9AC5
#A9A3C2
#A3ABBE
#9EB4BB
#98BDB8
#91C8B4
Colorpallet from #B4C891 to #C8B491 and to #C891B4
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B7C591
#B7C492
#B7C393
#B7C294
#B7C195
#B7C096
#B7BF97
#BAC291
#BAC093
#BABE95
#BABC96
#BABA98
#BAB89A
#BAB69C
#BEBE91
#BEBB94
#BEB996
#BEB699
#BEB49C
#BEB19F
#BEAEA2
#C1BB91
#C1B795
#C1B498
#C1B09C
#C1AD9F
#C1A9A3
#C1A5A7
#C4B891
#C4B495
#C4AF9A
#C4AB9E
#C4A6A3
#C4A2A7
#C49CAD
#C8B491
#C8AE97
#C8A99C
#C8A3A2
#C89EA7
#C898AD
#C891B4
Colorpallet from #B4C891 to #C8B491 and to #91B4C8
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B7C591
#B6C592
#B4C594
#B3C595
#B1C597
#B0C598
#AEC59A
#BAC291
#B7C294
#B5C297
#B2C29A
#AFC29D
#ACC29F
#A9C2A3
#BEBE91
#BABE95
#B5BE99
#B1BE9D
#ADBEA2
#A8BEA6
#A3BEAB
#C1BB91
#BBBB97
#B6BB9C
#B0BBA2
#ABBBA7
#A5BBAD
#9EBBB4
#C4B891
#BDB898
#B6B89F
#AFB8A6
#A8B8AD
#A1B8B4
#98B8BD
#C8B491
#BFB49A
#B6B4A3
#AEB4AB
#A5B4B4
#9CB4BD
#91B4C8
Colorpallet from #B4C891 to #C8B491 and to #91C8B4
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B7C591
#B6C592
#B4C693
#B3C694
#B1C795
#B0C796
#AEC897
#BAC291
#B7C393
#B5C495
#B2C596
#AFC698
#ACC79A
#A9C89C
#BEBE91
#BAC094
#B5C196
#B1C399
#ADC49C
#A8C69F
#A3C8A2
#C1BB91
#BBBD95
#B6BF98
#B0C19C
#ABC39F
#A5C5A3
#9EC8A7
#C4B891
#BDBB95
#B6BD9A
#AFC09E
#A8C2A3
#A1C5A7
#98C8AD
#C8B491
#BFB797
#B6BA9C
#AEBEA2
#A5C1A7
#9CC4AD
#91C8B4
Colorpallet from #B4C891 to #C891B4 and to #91B4C8
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B7BF97
#B6C097
#B4C198
#B3C298
#B1C399
#B0C499
#AEC59A
#BAB69C
#B7B89D
#B5BA9E
#B2BC9F
#AFBEA0
#ACC0A2
#A9C2A3
#BEAEA2
#BAB1A3
#B5B3A5
#B1B6A6
#ADB8A8
#A8BBA9
#A3BEAB
#C1A5A7
#BBA9A9
#B6ACAB
#B0B0AD
#ABB3AF
#A5B7B1
#9EBBB4
#C49CAD
#BDA0B0
#B6A5B2
#AFA9B5
#A8AEB7
#A1B2BA
#98B8BD
#C891B4
#BF97B7
#B69CBA
#AEA2BE
#A5A7C1
#9CADC4
#91B4C8
Colorpallet from #B4C891 to #C891B4 and to #91C8B4
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B7BF97
#B6C097
#B4C297
#B3C397
#B1C597
#B0C697
#AEC897
#BAB69C
#B7B99C
#B5BC9C
#B2BF9C
#AFC29C
#ACC49C
#A9C89C
#BEAEA2
#BAB2A2
#B5B6A2
#B1BAA2
#ADBFA2
#A8C3A2
#A3C8A2
#C1A5A7
#BBABA7
#B6B0A7
#B0B6A7
#ABBBA7
#A5C1A7
#9EC8A7
#C49CAD
#BDA3AD
#B6AAAD
#AFB1AD
#A8B8AD
#A1BFAD
#98C8AD
#C891B4
#BF9AB4
#B6A3B4
#AEABB4
#A5B4B4
#9CBDB4
#91C8B4
Colorpallet from #B4C891 to #91B4C8 and to #91C8B4
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#B4C891
#AEC59A
#AEC59A
#AEC699
#AEC699
#AEC798
#AEC798
#AEC897
#A9C2A3
#A9C3A2
#A9C4A1
#A9C5A0
#A9C69F
#A9C79D
#A9C89C
#A3BEAB
#A3C0AA
#A3C1A8
#A3C3A7
#A3C4A5
#A3C6A4
#A3C8A2
#9EBBB4
#9EBDB2
#9EBFB0
#9EC1AE
#9EC3AC
#9EC5AA
#9EC8A7
#98B8BD
#98BBBA
#98BDB8
#98C0B5
#98C2B3
#98C5B0
#98C8AD
#91B4C8
#91B7C5
#91BAC2
#91BEBE
#91C1BB
#91C4B8
#91C8B4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
