#AFAD2B - #7E700C | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #AFAD2B to #7E700C

#AFAD2B #7E700C

Calculate the color between two colors, #AFAD2B and #7E700C. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#AFAD2B - #7E700C | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #AFAD2B as 0% and #7E700C as 100%.

0.0%	0.0% #AFAD2B	RGB 175 173 43	#AFAD2B
16.7%	16.7% #A6A225	RGB 166 162 37	#A6A225
33.3%	33.3% #9E9820	RGB 158 152 32	#9E9820
50.0%	50.0% #968E1B	RGB 150 142 27	#968E1B
66.7%	66.7% #8E8416	RGB 142 132 22	#8E8416
83.3%	83.3% #867A11	RGB 134 122 17	#867A11
100.0%	100.0% #7E700C	RGB 126 112 12	#7E700C

#AFAD2B #A6A225 #9E9820 #968E1B #8E8416 #867A11 #7E700C

#AFAD2B - #7E700C

HSV Blend

#AFAD2B - #7E700C | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #AFAD2B as 0% and #7E700C as 100%.

0.0%	0.0% #AFAD2B	RGB 175 173 43	#AFAD2B
16.7%	16.7% #A6A224	RGB 166 162 36	#A6A224
33.3%	33.3% #9E981F	RGB 158 152 31	#9E981F
50.0%	50.0% #968D19	RGB 150 141 25	#968D19
66.7%	66.7% #8E8314	RGB 142 131 20	#8E8314
83.3%	83.3% #867910	RGB 134 121 16	#867910
100.0%	100.0% #7E700C	RGB 126 112 12	#7E700C

#AFAD2B #A6A224 #9E981F #968D19 #8E8314 #867910 #7E700C

#AFAD2B - #968D19 - #7E700C

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #AFAD2B 0%, #7E700C 100%);
    background: -webkit-linear-gradient(top, #AFAD2B 0%, #7E700C 100%);
    background: linear-gradient(to bottom, #AFAD2B 0%, #7E700C 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFAD2B 0%, #968D19 50%, #7E700C 100%);
    background: -webkit-linear-gradient(top, #AFAD2B 0%, #968D19 50%, #7E700C 100%);
    background: linear-gradient(to bottom, #AFAD2B 0%, #968D19 50%, #7E700C 100%);
}
</style>