#ABA983 - #6F7A2D | 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 #ABA983 to #6F7A2D

#ABA983 #6F7A2D

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

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

0.0%	0.0% #ABA983	RGB 171 169 131	#ABA983
16.7%	16.7% #A1A174	RGB 161 161 116	#A1A174
33.3%	33.3% #979966	RGB 151 153 102	#979966
50.0%	50.0% #8D9158	RGB 141 145 88	#8D9158
66.7%	66.7% #838949	RGB 131 137 73	#838949
83.3%	83.3% #79813B	RGB 121 129 59	#79813B
100.0%	100.0% #6F7A2D	RGB 111 122 45	#6F7A2D

#ABA983 #A1A174 #979966 #8D9158 #838949 #79813B #6F7A2D

#ABA983 - #6F7A2D

HSV Blend

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

0.0%	0.0% #ABA983	RGB 171 169 131	#ABA983
16.7%	16.7% #A2A171	RGB 162 161 113	#A2A171
33.3%	33.3% #999A62	RGB 153 154 98	#999A62
50.0%	50.0% #8F9253	RGB 143 146 83	#8F9253
66.7%	66.7% #848A45	RGB 132 138 69	#848A45
83.3%	83.3% #7A8238	RGB 122 130 56	#7A8238
100.0%	100.0% #6F7A2D	RGB 111 122 45	#6F7A2D

#ABA983 #A2A171 #999A62 #8F9253 #848A45 #7A8238 #6F7A2D

#ABA983 - #8F9253 - #6F7A2D

CSS codes

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

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