#9C5E42 - #6F2B0D | 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 #9C5E42 to #6F2B0D

#9C5E42 #6F2B0D

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

#9C5E42 - #6F2B0D | 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 #9C5E42 as 0% and #6F2B0D as 100%.

0.0%	0.0% #9C5E42	RGB 156 94 66	#9C5E42
16.7%	16.7% #945539	RGB 148 85 57	#945539
33.3%	33.3% #8D4D30	RGB 141 77 48	#8D4D30
50.0%	50.0% #854427	RGB 133 68 39	#854427
66.7%	66.7% #7E3C1E	RGB 126 60 30	#7E3C1E
83.3%	83.3% #763315	RGB 118 51 21	#763315
100.0%	100.0% #6F2B0D	RGB 111 43 13	#6F2B0D

#9C5E42 #945539 #8D4D30 #854427 #7E3C1E #763315 #6F2B0D

#9C5E42 - #6F2B0D

HSV Blend

#9C5E42 - #6F2B0D | 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 #9C5E42 as 0% and #6F2B0D as 100%.

0.0%	0.0% #9C5E42	RGB 156 94 66	#9C5E42
16.7%	16.7% #945437	RGB 148 84 55	#945437
33.3%	33.3% #8D4A2D	RGB 141 74 45	#8D4A2D
50.0%	50.0% #854224	RGB 133 66 36	#854224
66.7%	66.7% #7E391B	RGB 126 57 27	#7E391B
83.3%	83.3% #763213	RGB 118 50 19	#763213
100.0%	100.0% #6F2B0D	RGB 111 43 13	#6F2B0D

#9C5E42 #945437 #8D4A2D #854224 #7E391B #763213 #6F2B0D

#9C5E42 - #854224 - #6F2B0D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C5E42 0%, #854224 50%, #6F2B0D 100%);
    background: -webkit-linear-gradient(top, #9C5E42 0%, #854224 50%, #6F2B0D 100%);
    background: linear-gradient(to bottom, #9C5E42 0%, #854224 50%, #6F2B0D 100%);
}
</style>