#9C5E45 - #702B0E | 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 #9C5E45 to #702B0E

#9C5E45 #702B0E

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

#9C5E45 - #702B0E | 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 #9C5E45 as 0% and #702B0E as 100%.

0.0%	0.0% #9C5E45	RGB 156 94 69	#9C5E45
16.7%	16.7% #94553B	RGB 148 85 59	#94553B
33.3%	33.3% #8D4D32	RGB 141 77 50	#8D4D32
50.0%	50.0% #864429	RGB 134 68 41	#864429
66.7%	66.7% #7E3C20	RGB 126 60 32	#7E3C20
83.3%	83.3% #773317	RGB 119 51 23	#773317
100.0%	100.0% #702B0E	RGB 112 43 14	#702B0E

#9C5E45 #94553B #8D4D32 #864429 #7E3C20 #773317 #702B0E

#9C5E45 - #702B0E

HSV Blend

#9C5E45 - #702B0E | 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 #9C5E45 as 0% and #702B0E as 100%.

0.0%	0.0% #9C5E45	RGB 156 94 69	#9C5E45
16.7%	16.7% #945439	RGB 148 84 57	#945439
33.3%	33.3% #8D4A2F	RGB 141 74 47	#8D4A2F
50.0%	50.0% #864226	RGB 134 66 38	#864226
66.7%	66.7% #7E391D	RGB 126 57 29	#7E391D
83.3%	83.3% #773215	RGB 119 50 21	#773215
100.0%	100.0% #702B0E	RGB 112 43 14	#702B0E

#9C5E45 #945439 #8D4A2F #864226 #7E391D #773215 #702B0E

#9C5E45 - #864226 - #702B0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C5E45 0%, #864226 50%, #702B0E 100%);
    background: -webkit-linear-gradient(top, #9C5E45 0%, #864226 50%, #702B0E 100%);
    background: linear-gradient(to bottom, #9C5E45 0%, #864226 50%, #702B0E 100%);
}
</style>