#ABA85B - #666F0F | 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 #ABA85B to #666F0F

#ABA85B #666F0F

Calculate the color between two colors, #ABA85B and #666F0F. 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)

#ABA85B - #666F0F | 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 #ABA85B as 0% and #666F0F as 100%.

0.0%	0.0% #ABA85B	RGB 171 168 91	#ABA85B
16.7%	16.7% #9F9E4E	RGB 159 158 78	#9F9E4E
33.3%	33.3% #949541	RGB 148 149 65	#949541
50.0%	50.0% #888B35	RGB 136 139 53	#888B35
66.7%	66.7% #7D8228	RGB 125 130 40	#7D8228
83.3%	83.3% #71781B	RGB 113 120 27	#71781B
100.0%	100.0% #666F0F	RGB 102 111 15	#666F0F

#ABA85B #9F9E4E #949541 #888B35 #7D8228 #71781B #666F0F

#ABA85B - #666F0F

HSV Blend

#ABA85B - #666F0F | 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 #ABA85B as 0% and #666F0F as 100%.

0.0%	0.0% #ABA85B	RGB 171 168 91	#ABA85B
16.7%	16.7% #A19F4B	RGB 161 159 75	#A19F4B
33.3%	33.3% #96973C	RGB 150 151 60	#96973C
50.0%	50.0% #8A8D2F	RGB 138 141 47	#8A8D2F
66.7%	66.7% #7E8323	RGB 126 131 35	#7E8323
83.3%	83.3% #727918	RGB 114 121 24	#727918
100.0%	100.0% #666F0F	RGB 102 111 15	#666F0F

#ABA85B #A19F4B #96973C #8A8D2F #7E8323 #727918 #666F0F

#ABA85B - #8A8D2F - #666F0F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABA85B 0%, #8A8D2F 50%, #666F0F 100%);
    background: -webkit-linear-gradient(top, #ABA85B 0%, #8A8D2F 50%, #666F0F 100%);
    background: linear-gradient(to bottom, #ABA85B 0%, #8A8D2F 50%, #666F0F 100%);
}
</style>