#A6987B - #805B2B | 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 #A6987B to #805B2B

#A6987B #805B2B

Calculate the color between two colors, #A6987B and #805B2B. 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)

#A6987B - #805B2B | 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 #A6987B as 0% and #805B2B as 100%.

0.0%	0.0% #A6987B	RGB 166 152 123	#A6987B
16.7%	16.7% #9F8D6D	RGB 159 141 109	#9F8D6D
33.3%	33.3% #998360	RGB 153 131 96	#998360
50.0%	50.0% #937953	RGB 147 121 83	#937953
66.7%	66.7% #8C6F45	RGB 140 111 69	#8C6F45
83.3%	83.3% #866538	RGB 134 101 56	#866538
100.0%	100.0% #805B2B	RGB 128 91 43	#805B2B

#A6987B #9F8D6D #998360 #937953 #8C6F45 #866538 #805B2B

#A6987B - #805B2B

HSV Blend

#A6987B - #805B2B | 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 #A6987B as 0% and #805B2B as 100%.

0.0%	0.0% #A6987B	RGB 166 152 123	#A6987B
16.7%	16.7% #9F8D6B	RGB 159 141 107	#9F8D6B
33.3%	33.3% #99835C	RGB 153 131 92	#99835C
50.0%	50.0% #93794F	RGB 147 121 79	#93794F
66.7%	66.7% #8C6E42	RGB 140 110 66	#8C6E42
83.3%	83.3% #866436	RGB 134 100 54	#866436
100.0%	100.0% #805B2B	RGB 128 91 43	#805B2B

#A6987B #9F8D6B #99835C #93794F #8C6E42 #866436 #805B2B

#A6987B - #93794F - #805B2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A6987B 0%, #93794F 50%, #805B2B 100%);
    background: -webkit-linear-gradient(top, #A6987B 0%, #93794F 50%, #805B2B 100%);
    background: linear-gradient(to bottom, #A6987B 0%, #93794F 50%, #805B2B 100%);
}
</style>