#A2B691 - #6F8C3E | 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 #A2B691 to #6F8C3E

#A2B691 #6F8C3E

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

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

0.0%	0.0% #A2B691	RGB 162 182 145	#A2B691
16.7%	16.7% #99AF83	RGB 153 175 131	#99AF83
33.3%	33.3% #91A875	RGB 145 168 117	#91A875
50.0%	50.0% #88A167	RGB 136 161 103	#88A167
66.7%	66.7% #809A59	RGB 128 154 89	#809A59
83.3%	83.3% #77934B	RGB 119 147 75	#77934B
100.0%	100.0% #6F8C3E	RGB 111 140 62	#6F8C3E

#A2B691 #99AF83 #91A875 #88A167 #809A59 #77934B #6F8C3E

#A2B691 - #6F8C3E

HSV Blend

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

0.0%	0.0% #A2B691	RGB 162 182 145	#A2B691
16.7%	16.7% #97AF81	RGB 151 175 129	#97AF81
33.3%	33.3% #8DA872	RGB 141 168 114	#8DA872
50.0%	50.0% #85A163	RGB 133 161 99	#85A163
66.7%	66.7% #7D9A56	RGB 125 154 86	#7D9A56
83.3%	83.3% #759349	RGB 117 147 73	#759349
100.0%	100.0% #6F8C3E	RGB 111 140 62	#6F8C3E

#A2B691 #97AF81 #8DA872 #85A163 #7D9A56 #759349 #6F8C3E

#A2B691 - #85A163 - #6F8C3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2B691 0%, #85A163 50%, #6F8C3E 100%);
    background: -webkit-linear-gradient(top, #A2B691 0%, #85A163 50%, #6F8C3E 100%);
    background: linear-gradient(to bottom, #A2B691 0%, #85A163 50%, #6F8C3E 100%);
}
</style>