#9C8F8C - #824A36 | 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 #9C8F8C to #824A36

#9C8F8C #824A36

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

#9C8F8C - #824A36 | 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 #9C8F8C as 0% and #824A36 as 100%.

0.0%	0.0% #9C8F8C	RGB 156 143 140	#9C8F8C
16.7%	16.7% #97837D	RGB 151 131 125	#97837D
33.3%	33.3% #93786F	RGB 147 120 111	#93786F
50.0%	50.0% #8F6C61	RGB 143 108 97	#8F6C61
66.7%	66.7% #8A6152	RGB 138 97 82	#8A6152
83.3%	83.3% #865544	RGB 134 85 68	#865544
100.0%	100.0% #824A36	RGB 130 74 54	#824A36

#9C8F8C #97837D #93786F #8F6C61 #8A6152 #865544 #824A36

#9C8F8C - #824A36

HSV Blend

#9C8F8C - #824A36 | 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 #9C8F8C as 0% and #824A36 as 100%.

0.0%	0.0% #9C8F8C	RGB 156 143 140	#9C8F8C
16.7%	16.7% #97817B	RGB 151 129 123	#97817B
33.3%	33.3% #93746C	RGB 147 116 108	#93746C
50.0%	50.0% #8F685D	RGB 143 104 93	#8F685D
66.7%	66.7% #8A5D4F	RGB 138 93 79	#8A5D4F
83.3%	83.3% #865342	RGB 134 83 66	#865342
100.0%	100.0% #824A36	RGB 130 74 54	#824A36

#9C8F8C #97817B #93746C #8F685D #8A5D4F #865342 #824A36

#9C8F8C - #8F685D - #824A36

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C8F8C 0%, #8F685D 50%, #824A36 100%);
    background: -webkit-linear-gradient(top, #9C8F8C 0%, #8F685D 50%, #824A36 100%);
    background: linear-gradient(to bottom, #9C8F8C 0%, #8F685D 50%, #824A36 100%);
}
</style>