#9A8C5C - #715318 | 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 #9A8C5C to #715318

#9A8C5C #715318

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

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

0.0%	0.0% #9A8C5C	RGB 154 140 92	#9A8C5C
16.7%	16.7% #938250	RGB 147 130 80	#938250
33.3%	33.3% #8C7945	RGB 140 121 69	#8C7945
50.0%	50.0% #856F3A	RGB 133 111 58	#856F3A
66.7%	66.7% #7E662E	RGB 126 102 46	#7E662E
83.3%	83.3% #775C23	RGB 119 92 35	#775C23
100.0%	100.0% #715318	RGB 113 83 24	#715318

#9A8C5C #938250 #8C7945 #856F3A #7E662E #775C23 #715318

#9A8C5C - #715318

HSV Blend

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

0.0%	0.0% #9A8C5C	RGB 154 140 92	#9A8C5C
16.7%	16.7% #93824E	RGB 147 130 78	#93824E
33.3%	33.3% #8C7841	RGB 140 120 65	#8C7841
50.0%	50.0% #856F36	RGB 133 111 54	#856F36
66.7%	66.7% #7E652B	RGB 126 101 43	#7E652B
83.3%	83.3% #775C21	RGB 119 92 33	#775C21
100.0%	100.0% #715318	RGB 113 83 24	#715318

#9A8C5C #93824E #8C7841 #856F36 #7E652B #775C21 #715318

#9A8C5C - #856F36 - #715318

CSS codes

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

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