#ABA85B - #656F0E | 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 #656F0E

#ABA85B #656F0E

Calculate the color between two colors, #ABA85B and #656F0E. 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 - #656F0E | 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 #656F0E 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% #939541	RGB 147 149 65	#939541
50.0%	50.0% #888B34	RGB 136 139 52	#888B34
66.7%	66.7% #7C8227	RGB 124 130 39	#7C8227
83.3%	83.3% #70781A	RGB 112 120 26	#70781A
100.0%	100.0% #656F0E	RGB 101 111 14	#656F0E

#ABA85B #9F9E4E #939541 #888B34 #7C8227 #70781A #656F0E

#ABA85B - #656F0E

HSV Blend

#ABA85B - #656F0E | 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 #656F0E as 100%.

0.0%	0.0% #ABA85B	RGB 171 168 91	#ABA85B
16.7%	16.7% #A19F4A	RGB 161 159 74	#A19F4A
33.3%	33.3% #96973B	RGB 150 151 59	#96973B
50.0%	50.0% #898D2E	RGB 137 141 46	#898D2E
66.7%	66.7% #7D8322	RGB 125 131 34	#7D8322
83.3%	83.3% #717917	RGB 113 121 23	#717917
100.0%	100.0% #656F0E	RGB 101 111 14	#656F0E

#ABA85B #A19F4A #96973B #898D2E #7D8322 #717917 #656F0E

#ABA85B - #898D2E - #656F0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABA85B 0%, #898D2E 50%, #656F0E 100%);
    background: -webkit-linear-gradient(top, #ABA85B 0%, #898D2E 50%, #656F0E 100%);
    background: linear-gradient(to bottom, #ABA85B 0%, #898D2E 50%, #656F0E 100%);
}
</style>