#AFBC5E - #6F861B | 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 #AFBC5E to #6F861B

#AFBC5E #6F861B

Calculate the color between two colors, #AFBC5E and #6F861B. 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)

#AFBC5E - #6F861B | 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 #AFBC5E as 0% and #6F861B as 100%.

0.0%	0.0% #AFBC5E	RGB 175 188 94	#AFBC5E
16.7%	16.7% #A4B352	RGB 164 179 82	#A4B352
33.3%	33.3% #99AA47	RGB 153 170 71	#99AA47
50.0%	50.0% #8FA13C	RGB 143 161 60	#8FA13C
66.7%	66.7% #849831	RGB 132 152 49	#849831
83.3%	83.3% #798F26	RGB 121 143 38	#798F26
100.0%	100.0% #6F861B	RGB 111 134 27	#6F861B

#AFBC5E #A4B352 #99AA47 #8FA13C #849831 #798F26 #6F861B

#AFBC5E - #6F861B

HSV Blend

#AFBC5E - #6F861B | 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 #AFBC5E as 0% and #6F861B as 100%.

0.0%	0.0% #AFBC5E	RGB 175 188 94	#AFBC5E
16.7%	16.7% #A4B350	RGB 164 179 80	#A4B350
33.3%	33.3% #99AA44	RGB 153 170 68	#99AA44
50.0%	50.0% #8EA138	RGB 142 161 56	#8EA138
66.7%	66.7% #83982D	RGB 131 152 45	#83982D
83.3%	83.3% #798F23	RGB 121 143 35	#798F23
100.0%	100.0% #6F861B	RGB 111 134 27	#6F861B

#AFBC5E #A4B350 #99AA44 #8EA138 #83982D #798F23 #6F861B

#AFBC5E - #8EA138 - #6F861B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFBC5E 0%, #8EA138 50%, #6F861B 100%);
    background: -webkit-linear-gradient(top, #AFBC5E 0%, #8EA138 50%, #6F861B 100%);
    background: linear-gradient(to bottom, #AFBC5E 0%, #8EA138 50%, #6F861B 100%);
}
</style>