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 #CDB58D to #CD8DB5 and to #B5CD8D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDAF93
#CCB192
#CCB291
#CBB490
#CAB58F
#CAB78E
#C9B98D
#CDA89A
#CCAB98
#CAAF96
#C9B294
#C8B592
#C7B990
#C5BD8D
#CDA2A0
#CBA79D
#C9AC9A
#C7B197
#C5B694
#C3BB91
#C1C18D
#CD9BA7
#CBA2A3
#C8A89F
#C6AF9B
#C3B596
#C1BC92
#BEC48D
#CD95AD
#CA9DA8
#C7A5A3
#C4AD9E
#C1B699
#BEBE93
#BAC88D
#CD8DB5
#C997AF
#C5A1A8
#C1ACA2
#BEB69B
#BAC095
#B5CD8D
Colorpallet from #CDB58D to #CD8DB5 and to #B58DCD
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDAF93
#CCAF94
#CCAF94
#CBAF95
#CAAF96
#CAAF96
#C9AF97
#CDA89A
#CCA89B
#CAA89C
#C9A89D
#C8A89E
#C7A8A0
#C5A8A1
#CDA2A0
#CBA2A2
#C9A2A4
#C7A2A6
#C5A2A8
#C3A2AA
#C1A2AC
#CD9BA7
#CB9BA9
#C89BAC
#C69BAE
#C39BB1
#C19BB3
#BE9BB6
#CD95AD
#CA95B0
#C795B3
#C495B6
#C195B9
#BE95BC
#BA95C0
#CD8DB5
#C98DB9
#C58DBD
#C18DC1
#BE8DC4
#BA8DC8
#B58DCD
Colorpallet from #CDB58D to #CD8DB5 and to #8DCDB5
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDAF93
#CBB193
#CAB293
#C8B493
#C7B593
#C5B793
#C3B993
#CDA89A
#CAAB9A
#C7AF9A
#C3B29A
#C0B59A
#BDB99A
#B9BD9A
#CDA2A0
#C8A7A0
#C3ACA0
#BEB1A0
#B9B6A0
#B4BBA0
#AEC1A0
#CD9BA7
#C6A2A7
#C0A8A7
#B9AFA7
#B3B5A7
#ACBCA7
#A4C4A7
#CD95AD
#C59DAD
#BDA5AD
#B5ADAD
#ACB6AD
#A4BEAD
#9AC8AD
#CD8DB5
#C397B5
#B9A1B5
#AEACB5
#A4B6B5
#9AC0B5
#8DCDB5
Colorpallet from #CDB58D to #CD8DB5 and to #8DB5CD
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDAF93
#CBB094
#CAB194
#C8B295
#C7B396
#C5B496
#C3B597
#CDA89A
#CAAA9B
#C7AC9C
#C3AE9D
#C0B09E
#BDB2A0
#B9B5A1
#CDA2A0
#C8A5A2
#C3A8A4
#BEABA6
#B9AEA8
#B4B1AA
#AEB5AC
#CD9BA7
#C69FA9
#C0A3AC
#B9A7AE
#B3ACB1
#ACB0B3
#A4B5B6
#CD95AD
#C59AB0
#BD9FB3
#B5A4B6
#ACA9B9
#A4AFBC
#9AB5C0
#CD8DB5
#C393B9
#B99ABD
#AEA0C1
#A4A7C4
#9AADC8
#8DB5CD
Colorpallet from #CDB58D to #B5CD8D and to #B58DCD
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#C9B98D
#C9B78F
#C9B690
#C9B492
#C9B393
#C9B195
#C9AF97
#C5BD8D
#C5BA90
#C5B693
#C5B397
#C5B09A
#C5AC9D
#C5A8A1
#C1C18D
#C1BC92
#C1B797
#C1B29C
#C1ADA1
#C1A8A6
#C1A2AC
#BEC48D
#BEBD94
#BEB79A
#BEB0A1
#BEAAA7
#BEA3AE
#BE9BB6
#BAC88D
#BAC095
#BAB89D
#BAB0A5
#BAA7AE
#BA9FB6
#BA95C0
#B5CD8D
#B5C397
#B5B9A1
#B5AEAC
#B5A4B6
#B59AC0
#B58DCD
Colorpallet from #CDB58D to #B5CD8D and to #8DCDB5
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#C9B98D
#C8B98E
#C7B98F
#C6B990
#C5B991
#C4B992
#C3B993
#C5BD8D
#C3BD8F
#C1BD91
#BFBD93
#BDBD95
#BBBD97
#B9BD9A
#C1C18D
#BEC190
#BBC193
#B8C196
#B5C199
#B2C19C
#AEC1A0
#BEC48D
#BAC491
#B6C495
#B2C499
#ADC49E
#A9C4A2
#A4C4A7
#BAC88D
#B5C892
#B0C897
#ABC89C
#A6C8A1
#A0C8A7
#9AC8AD
#B5CD8D
#AFCD93
#A8CD9A
#A2CDA0
#9BCDA7
#95CDAD
#8DCDB5
Colorpallet from #CDB58D to #B5CD8D and to #8DB5CD
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#C9B98D
#C8B88F
#C7B890
#C6B792
#C5B693
#C4B695
#C3B597
#C5BD8D
#C3BC90
#C1BA93
#BFB997
#BDB89A
#BBB79D
#B9B5A1
#C1C18D
#BEBF92
#BBBD97
#B8BB9C
#B5B9A1
#B2B7A6
#AEB5AC
#BEC48D
#BAC294
#B6BF9A
#B2BDA1
#ADBAA7
#A9B8AE
#A4B5B6
#BAC88D
#B5C595
#B0C29D
#ABBFA5
#A6BCAE
#A0B9B6
#9AB5C0
#B5CD8D
#AFC997
#A8C5A1
#A2C1AC
#9BBEB6
#95BAC0
#8DB5CD
Colorpallet from #CDB58D to #B58DCD and to #8DCDB5
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#C9AF97
#C8B196
#C7B296
#C6B495
#C5B594
#C4B794
#C3B993
#C5A8A1
#C3ABA0
#C1AF9F
#BFB29E
#BDB59D
#BBB99B
#B9BD9A
#C1A2AC
#BEA7AA
#BBACA8
#B8B1A6
#B5B6A4
#B2BBA2
#AEC1A0
#BE9BB6
#BAA2B4
#B6A8B1
#B2AFAF
#ADB5AC
#A9BCAA
#A4C4A7
#BA95C0
#B59DBD
#B0A5BA
#ABADB7
#A6B6B4
#A0BEB1
#9AC8AD
#B58DCD
#AF97C9
#A8A1C5
#A2ACC1
#9BB6BE
#95C0BA
#8DCDB5
Colorpallet from #CDB58D to #B58DCD and to #8DB5CD
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#C9AF97
#C8B097
#C7B197
#C6B297
#C5B397
#C4B497
#C3B597
#C5A8A1
#C3AAA1
#C1ACA1
#BFAEA1
#BDB0A1
#BBB2A1
#B9B5A1
#C1A2AC
#BEA5AC
#BBA8AC
#B8ABAC
#B5AEAC
#B2B1AC
#AEB5AC
#BE9BB6
#BA9FB6
#B6A3B6
#B2A7B6
#ADACB6
#A9B0B6
#A4B5B6
#BA95C0
#B59AC0
#B09FC0
#ABA4C0
#A6A9C0
#A0AFC0
#9AB5C0
#B58DCD
#AF93CD
#A89ACD
#A2A0CD
#9BA7CD
#95ADCD
#8DB5CD
Colorpallet from #CDB58D to #8DCDB5 and to #8DB5CD
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#CDB58D
#C3B993
#C3B894
#C3B894
#C3B795
#C3B696
#C3B696
#C3B597
#B9BD9A
#B9BC9B
#B9BA9C
#B9B99D
#B9B89E
#B9B7A0
#B9B5A1
#AEC1A0
#AEBFA2
#AEBDA4
#AEBBA6
#AEB9A8
#AEB7AA
#AEB5AC
#A4C4A7
#A4C2A9
#A4BFAC
#A4BDAE
#A4BAB1
#A4B8B3
#A4B5B6
#9AC8AD
#9AC5B0
#9AC2B3
#9ABFB6
#9ABCB9
#9AB9BC
#9AB5C0
#8DCDB5
#8DC9B9
#8DC5BD
#8DC1C1
#8DBEC4
#8DBAC8
#8DB5CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
