#A3BA5E - #61861B | 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 #A3BA5E to #61861B

#A3BA5E #61861B

Calculate the color between two colors, #A3BA5E and #61861B. 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)

#A3BA5E - #61861B | 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 #A3BA5E as 0% and #61861B as 100%.

0.0%	0.0% #A3BA5E	RGB 163 186 94	#A3BA5E
16.7%	16.7% #98B152	RGB 152 177 82	#98B152
33.3%	33.3% #8DA847	RGB 141 168 71	#8DA847
50.0%	50.0% #82A03C	RGB 130 160 60	#82A03C
66.7%	66.7% #779731	RGB 119 151 49	#779731
83.3%	83.3% #6C8E26	RGB 108 142 38	#6C8E26
100.0%	100.0% #61861B	RGB 97 134 27	#61861B

#A3BA5E #98B152 #8DA847 #82A03C #779731 #6C8E26 #61861B

#A3BA5E - #61861B

HSV Blend

#A3BA5E - #61861B | 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 #A3BA5E as 0% and #61861B as 100%.

0.0%	0.0% #A3BA5E	RGB 163 186 94	#A3BA5E
16.7%	16.7% #97B150	RGB 151 177 80	#97B150
33.3%	33.3% #8CA844	RGB 140 168 68	#8CA844
50.0%	50.0% #81A038	RGB 129 160 56	#81A038
66.7%	66.7% #76972D	RGB 118 151 45	#76972D
83.3%	83.3% #6B8E23	RGB 107 142 35	#6B8E23
100.0%	100.0% #61861B	RGB 97 134 27	#61861B

#A3BA5E #97B150 #8CA844 #81A038 #76972D #6B8E23 #61861B

#A3BA5E - #81A038 - #61861B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A3BA5E 0%, #81A038 50%, #61861B 100%);
    background: -webkit-linear-gradient(top, #A3BA5E 0%, #81A038 50%, #61861B 100%);
    background: linear-gradient(to bottom, #A3BA5E 0%, #81A038 50%, #61861B 100%);
}
</style>