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 #D1B677 to #D177B6 and to #B6D177
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1AC81
#D0AE7F
#D0B07E
#CFB37C
#CEB57B
#CEB779
#CDBA77
#D1A28B
#D0A788
#CEAB85
#CDB081
#CBB57E
#CAB97B
#C8BF77
#D19895
#CF9F90
#CDA68B
#CBAD87
#C9B482
#C7BA7D
#C4C377
#D18E9F
#CE9799
#CCA092
#C9A98C
#C6B285
#C3BC7F
#C0C777
#D184A9
#CD90A1
#CA9B99
#C6A791
#C3B289
#BFBE81
#BBCC77
#D177B6
#CD85AC
#C894A2
#C4A298
#C0B18E
#BBBF84
#B6D177
Colorpallet from #D1B677 to #D177B6 and to #B677D1
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1AC81
#D0AC82
#D0AC82
#CFAC83
#CEAC84
#CEAC84
#CDAC85
#D1A28B
#D0A28C
#CEA28E
#CDA28F
#CBA291
#CAA292
#C8A294
#D19895
#CF9897
#CD9899
#CB989B
#C9989D
#C7989F
#C498A2
#D18E9F
#CE8EA2
#CC8EA5
#C98EA8
#C68EAB
#C38EAD
#C08EB1
#D184A9
#CD84AD
#CA84B0
#C684B4
#C384B7
#BF84BB
#BB84BF
#D177B6
#CD77BA
#C877BF
#C477C3
#C077C7
#BB77CC
#B677D1
Colorpallet from #D1B677 to #D177B6 and to #77D1B6
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1AC81
#CFAE81
#CDB081
#CAB381
#C8B581
#C6B781
#C3BA81
#D1A28B
#CCA78B
#C8AB8B
#C3B08B
#BEB58B
#BAB98B
#B4BF8B
#D19895
#CA9F95
#C3A695
#BCAD95
#B5B495
#AFBA95
#A6C395
#D18E9F
#C8979F
#BEA09F
#B5A99F
#ACB29F
#A3BC9F
#97C79F
#D184A9
#C590A9
#BA9BA9
#AEA7A9
#A3B2A9
#97BEA9
#89CCA9
#D177B6
#C385B6
#B494B6
#A6A2B6
#97B1B6
#89BFB6
#77D1B6
Colorpallet from #D1B677 to #D177B6 and to #77B6D1
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1AC81
#CFAE82
#CDAF82
#CAB183
#C8B284
#C6B484
#C3B685
#D1A28B
#CCA58C
#C8A88E
#C3AC8F
#BEAF91
#BAB292
#B4B694
#D19895
#CA9D97
#C3A299
#BCA69B
#B5AB9D
#AFB09F
#A6B6A2
#D18E9F
#C894A2
#BE9BA5
#B5A1A8
#ACA8AB
#A3AEAD
#97B6B1
#D184A9
#C58CAD
#BA94B0
#AE9CB4
#A3A4B7
#97ACBB
#89B6BF
#D177B6
#C381BA
#B48BBF
#A695C3
#979FC7
#89A9CC
#77B6D1
Colorpallet from #D1B677 to #B6D177 and to #B677D1
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#CDBA77
#CDB879
#CDB67B
#CDB37E
#CDB180
#CDAF82
#CDAC85
#C8BF77
#C8BA7C
#C8B680
#C8B185
#C8AC8A
#C8A88E
#C8A294
#C4C377
#C4BC7E
#C4B585
#C4AE8C
#C4A793
#C4A199
#C498A2
#C0C777
#C0BE80
#C0B58A
#C0AC93
#C0A39C
#C099A5
#C08EB1
#BBCC77
#BBC083
#BBB58E
#BBA99A
#BB9EA5
#BB92B1
#BB84BF
#B6D177
#B6C385
#B6B494
#B6A6A2
#B697B1
#B689BF
#B677D1
Colorpallet from #D1B677 to #B6D177 and to #77D1B6
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#CDBA77
#CBBA79
#CABA7A
#C8BA7C
#C7BA7D
#C5BA7F
#C3BA81
#C8BF77
#C5BF7A
#C2BF7D
#BEBF81
#BBBF84
#B8BF87
#B4BF8B
#C4C377
#BFC37C
#BAC381
#B6C385
#B1C38A
#ACC38F
#A6C395
#C0C777
#B9C77D
#B3C784
#ACC78A
#A6C791
#9FC797
#97C79F
#BBCC77
#B3CC7F
#ABCC87
#A3CC8F
#9BCC97
#93CC9F
#89CCA9
#B6D177
#ACD181
#A2D18B
#98D195
#8ED19F
#84D1A9
#77D1B6
Colorpallet from #D1B677 to #B6D177 and to #77B6D1
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#CDBA77
#CBB979
#CAB97B
#C8B87E
#C7B780
#C5B782
#C3B685
#C8BF77
#C5BE7C
#C2BC80
#BEBB85
#BBB98A
#B8B88E
#B4B694
#C4C377
#BFC17E
#BABF85
#B6BD8C
#B1BB93
#ACB999
#A6B6A2
#C0C777
#B9C480
#B3C28A
#ACBF93
#A6BC9C
#9FB9A5
#97B6B1
#BBCC77
#B3C883
#ABC58E
#A3C19A
#9BBEA5
#93BAB1
#89B6BF
#B6D177
#ACCD85
#A2C894
#98C4A2
#8EC0B1
#84BBBF
#77B6D1
Colorpallet from #D1B677 to #B677D1 and to #77D1B6
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#CDAC85
#CBAE84
#CAB084
#C8B383
#C7B582
#C5B782
#C3BA81
#C8A294
#C5A793
#C2AB91
#BEB090
#BBB58E
#B8B98D
#B4BF8B
#C498A2
#BF9FA0
#BAA69E
#B6AD9C
#B1B49A
#ACBA98
#A6C395
#C08EB1
#B997AE
#B3A0AB
#ACA9A8
#A6B2A5
#9FBCA3
#97C79F
#BB84BF
#B390BB
#AB9BB8
#A3A7B4
#9BB2B1
#93BEAD
#89CCA9
#B677D1
#AC85CD
#A294C8
#98A2C4
#8EB1C0
#84BFBB
#77D1B6
Colorpallet from #D1B677 to #B677D1 and to #77B6D1
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#CDAC85
#CBAE85
#CAAF85
#C8B185
#C7B285
#C5B485
#C3B685
#C8A294
#C5A594
#C2A894
#BEAC94
#BBAF94
#B8B294
#B4B694
#C498A2
#BF9DA2
#BAA2A2
#B6A6A2
#B1ABA2
#ACB0A2
#A6B6A2
#C08EB1
#B994B1
#B39BB1
#ACA1B1
#A6A8B1
#9FAEB1
#97B6B1
#BB84BF
#B38CBF
#AB94BF
#A39CBF
#9BA4BF
#93ACBF
#89B6BF
#B677D1
#AC81D1
#A28BD1
#9895D1
#8E9FD1
#84A9D1
#77B6D1
Colorpallet from #D1B677 to #77D1B6 and to #77B6D1
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#D1B677
#C3BA81
#C3B982
#C3B982
#C3B883
#C3B784
#C3B784
#C3B685
#B4BF8B
#B4BE8C
#B4BC8E
#B4BB8F
#B4B991
#B4B892
#B4B694
#A6C395
#A6C197
#A6BF99
#A6BD9B
#A6BB9D
#A6B99F
#A6B6A2
#97C79F
#97C4A2
#97C2A5
#97BFA8
#97BCAB
#97B9AD
#97B6B1
#89CCA9
#89C8AD
#89C5B0
#89C1B4
#89BEB7
#89BABB
#89B6BF
#77D1B6
#77CDBA
#77C8BF
#77C4C3
#77C0C7
#77BBCC
#77B6D1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts