#9A8C5A - #715317 | 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 #9A8C5A to #715317

#9A8C5A #715317

Calculate the color between two colors, #9A8C5A and #715317. 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)

#9A8C5A - #715317 | 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 #9A8C5A as 0% and #715317 as 100%.

0.0%	0.0% #9A8C5A	RGB 154 140 90	#9A8C5A
16.7%	16.7% #93824E	RGB 147 130 78	#93824E
33.3%	33.3% #8C7943	RGB 140 121 67	#8C7943
50.0%	50.0% #856F38	RGB 133 111 56	#856F38
66.7%	66.7% #7E662D	RGB 126 102 45	#7E662D
83.3%	83.3% #775C22	RGB 119 92 34	#775C22
100.0%	100.0% #715317	RGB 113 83 23	#715317

#9A8C5A #93824E #8C7943 #856F38 #7E662D #775C22 #715317

#9A8C5A - #715317

HSV Blend

#9A8C5A - #715317 | 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 #9A8C5A as 0% and #715317 as 100%.

0.0%	0.0% #9A8C5A	RGB 154 140 90	#9A8C5A
16.7%	16.7% #93824C	RGB 147 130 76	#93824C
33.3%	33.3% #8C7840	RGB 140 120 64	#8C7840
50.0%	50.0% #856F34	RGB 133 111 52	#856F34
66.7%	66.7% #7E6529	RGB 126 101 41	#7E6529
83.3%	83.3% #775C1F	RGB 119 92 31	#775C1F
100.0%	100.0% #715317	RGB 113 83 23	#715317

#9A8C5A #93824C #8C7840 #856F34 #7E6529 #775C1F #715317

#9A8C5A - #856F34 - #715317

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8C5A 0%, #856F34 50%, #715317 100%);
    background: -webkit-linear-gradient(top, #9A8C5A 0%, #856F34 50%, #715317 100%);
    background: linear-gradient(to bottom, #9A8C5A 0%, #856F34 50%, #715317 100%);
}
</style>