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 #CDAD8A to #CD8AAD and to #ADCD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDA790
#CCA98F
#CBAB8E
#CBAC8D
#CAAE8C
#C9B08B
#C8B28A
#CDA295
#CBA593
#CAA991
#C8AC90
#C7AF8E
#C5B38C
#C3B78A
#CD9C9B
#CBA198
#C8A696
#C6AB93
#C3B090
#C1B68D
#BEBC8A
#CD97A0
#CA9E9C
#C7A499
#C3AB95
#C0B292
#BDB98E
#B9C18A
#CD91A6
#C99AA2
#C5A29D
#C1AB99
#BCB494
#B8BC90
#B3C78A
#CD8AAD
#C895A7
#C39FA2
#BEAA9C
#B9B597
#B3C091
#ADCD8A
Colorpallet from #CDAD8A to #CD8AAD and to #AD8ACD
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDA790
#CCA791
#CBA792
#CBA792
#CAA793
#C9A794
#C8A795
#CDA295
#CBA297
#CAA298
#C8A29A
#C7A29B
#C5A29D
#C3A29F
#CD9C9B
#CB9C9D
#C89CA0
#C69CA2
#C39CA5
#C19CA7
#BE9CAA
#CD97A0
#CA97A3
#C797A7
#C397AA
#C097AD
#BD97B1
#B997B5
#CD91A6
#C991AA
#C591AE
#C191B2
#BC91B7
#B891BB
#B391C0
#CD8AAD
#C88AB2
#C38AB7
#BE8ABC
#B98AC1
#B38AC7
#AD8ACD
Colorpallet from #CDAD8A to #CD8AAD and to #8ACDAD
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDA790
#CBA990
#C9AB90
#C8AC90
#C6AE90
#C4B090
#C2B290
#CDA295
#CAA595
#C6A995
#C3AC95
#C0AF95
#BCB395
#B8B795
#CD9C9B
#C8A19B
#C3A69B
#BEAB9B
#B9B09B
#B3B69B
#ADBC9B
#CD97A0
#C69EA0
#BFA4A0
#B8ABA0
#B1B2A0
#ABB9A0
#A2C1A0
#CD91A6
#C49AA6
#BCA2A6
#B3ABA6
#AAB4A6
#A2BCA6
#97C7A6
#CD8AAD
#C295AD
#B89FAD
#ADAAAD
#A2B5AD
#97C0AD
#8ACDAD
Colorpallet from #CDAD8A to #CD8AAD and to #8AADCD
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDA790
#CBA891
#C9A992
#C8AA92
#C6AB93
#C4AC94
#C2AD95
#CDA295
#CAA497
#C6A698
#C3A79A
#C0A99B
#BCAB9D
#B8AD9F
#CD9C9B
#C89F9D
#C3A1A0
#BEA4A2
#B9A7A5
#B3AAA7
#ADADAA
#CD97A0
#C69BA3
#BF9EA7
#B8A2AA
#B1A5AD
#ABA9B1
#A2ADB5
#CD91A6
#C495AA
#BC9AAE
#B39EB2
#AAA3B7
#A2A7BB
#97ADC0
#CD8AAD
#C290B2
#B895B7
#AD9BBC
#A2A0C1
#97A6C7
#8AADCD
Colorpallet from #CDAD8A to #ADCD8A and to #AD8ACD
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#C8B28A
#C8B08C
#C8AE8E
#C8AD8F
#C8AB91
#C8A993
#C8A795
#C3B78A
#C3B48D
#C3B091
#C3AD94
#C3AA97
#C3A69B
#C3A29F
#BEBC8A
#BEB78F
#BEB294
#BEAD99
#BEA89E
#BEA2A4
#BE9CAA
#B9C18A
#B9BA91
#B9B498
#B9AD9F
#B9A6A6
#B99FAC
#B997B5
#B3C78A
#B3BE93
#B3B69B
#B3ADA4
#B3A4AD
#B39CB5
#B391C0
#ADCD8A
#ADC295
#ADB89F
#ADADAA
#ADA2B5
#AD97C0
#AD8ACD
Colorpallet from #CDAD8A to #ADCD8A and to #8ACDAD
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#C8B28A
#C7B28B
#C6B28C
#C5B28D
#C4B28E
#C3B28F
#C2B290
#C3B78A
#C1B78C
#BFB78E
#BEB78F
#BCB791
#BAB793
#B8B795
#BEBC8A
#BBBC8D
#B9BC8F
#B6BC92
#B3BC95
#B0BC98
#ADBC9B
#B9C18A
#B5C18E
#B2C191
#AEC195
#AAC198
#A7C19C
#A2C1A0
#B3C78A
#AFC78E
#AAC793
#A6C797
#A1C79C
#9DC7A0
#97C7A6
#ADCD8A
#A7CD90
#A2CD95
#9CCD9B
#97CDA0
#91CDA6
#8ACDAD
Colorpallet from #CDAD8A to #ADCD8A and to #8AADCD
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#C8B28A
#C7B18C
#C6B08E
#C5B08F
#C4AF91
#C3AE93
#C2AD95
#C3B78A
#C1B58D
#BFB491
#BEB294
#BCB197
#BAAF9B
#B8AD9F
#BEBC8A
#BBBA8F
#B9B794
#B6B599
#B3B29E
#B0B0A4
#ADADAA
#B9C18A
#B5BE91
#B2BB98
#AEB79F
#AAB4A6
#A7B1AC
#A2ADB5
#B3C78A
#AFC393
#AABF9B
#A6BBA4
#A1B6AD
#9DB2B5
#97ADC0
#ADCD8A
#A7C895
#A2C39F
#9CBEAA
#97B9B5
#91B3C0
#8AADCD
Colorpallet from #CDAD8A to #AD8ACD and to #8ACDAD
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#C8A795
#C7A994
#C6AB93
#C5AC93
#C4AE92
#C3B091
#C2B290
#C3A29F
#C1A59D
#BFA99C
#BEAC9A
#BCAF99
#BAB397
#B8B795
#BE9CAA
#BBA1A8
#B9A6A5
#B6ABA3
#B3B0A0
#B0B69E
#ADBC9B
#B997B5
#B59EB2
#B2A4AE
#AEABAB
#AAB2A8
#A7B9A4
#A2C1A0
#B391C0
#AF9ABC
#AAA2B8
#A6ABB4
#A1B4AF
#9DBCAB
#97C7A6
#AD8ACD
#A795C8
#A29FC3
#9CAABE
#97B5B9
#91C0B3
#8ACDAD
Colorpallet from #CDAD8A to #AD8ACD and to #8AADCD
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#C8A795
#C7A895
#C6A995
#C5AA95
#C4AB95
#C3AC95
#C2AD95
#C3A29F
#C1A49F
#BFA69F
#BEA79F
#BCA99F
#BAAB9F
#B8AD9F
#BE9CAA
#BB9FAA
#B9A1AA
#B6A4AA
#B3A7AA
#B0AAAA
#ADADAA
#B997B5
#B59BB5
#B29EB5
#AEA2B5
#AAA5B5
#A7A9B5
#A2ADB5
#B391C0
#AF95C0
#AA9AC0
#A69EC0
#A1A3C0
#9DA7C0
#97ADC0
#AD8ACD
#A790CD
#A295CD
#9C9BCD
#97A0CD
#91A6CD
#8AADCD
Colorpallet from #CDAD8A to #8ACDAD and to #8AADCD
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#CDAD8A
#C2B290
#C2B191
#C2B092
#C2B092
#C2AF93
#C2AE94
#C2AD95
#B8B795
#B8B597
#B8B498
#B8B29A
#B8B19B
#B8AF9D
#B8AD9F
#ADBC9B
#ADBA9D
#ADB7A0
#ADB5A2
#ADB2A5
#ADB0A7
#ADADAA
#A2C1A0
#A2BEA3
#A2BBA7
#A2B7AA
#A2B4AD
#A2B1B1
#A2ADB5
#97C7A6
#97C3AA
#97BFAE
#97BBB2
#97B6B7
#97B2BB
#97ADC0
#8ACDAD
#8AC8B2
#8AC3B7
#8ABEBC
#8AB9C1
#8AB3C7
#8AADCD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
