#9F7E61 - #2D241B | 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 #9F7E61 to #2D241B

#9F7E61 #2D241B

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

#9F7E61 - #2D241B | 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 #9F7E61 as 0% and #2D241B as 100%.

0.0%	0.0% #9F7E61	RGB 159 126 97	#9F7E61
16.7%	16.7% #8C6F55	RGB 140 111 85	#8C6F55
33.3%	33.3% #796049	RGB 121 96 73	#796049
50.0%	50.0% #66513E	RGB 102 81 62	#66513E
66.7%	66.7% #534232	RGB 83 66 50	#534232
83.3%	83.3% #403326	RGB 64 51 38	#403326
100.0%	100.0% #2D241B	RGB 45 36 27	#2D241B

#9F7E61 #8C6F55 #796049 #66513E #534232 #403326 #2D241B

#9F7E61 - #2D241B

HSV Blend

#9F7E61 - #2D241B | 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 #9F7E61 as 0% and #2D241B as 100%.

0.0%	0.0% #9F7E61	RGB 159 126 97	#9F7E61
16.7%	16.7% #8C6F55	RGB 140 111 85	#8C6F55
33.3%	33.3% #796049	RGB 121 96 73	#796049
50.0%	50.0% #66513D	RGB 102 81 61	#66513D
66.7%	66.7% #534232	RGB 83 66 50	#534232
83.3%	83.3% #403326	RGB 64 51 38	#403326
100.0%	100.0% #2D241B	RGB 45 36 27	#2D241B

#9F7E61 #8C6F55 #796049 #66513D #534232 #403326 #2D241B

#9F7E61 - #66513D - #2D241B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F7E61 0%, #66513D 50%, #2D241B 100%);
    background: -webkit-linear-gradient(top, #9F7E61 0%, #66513D 50%, #2D241B 100%);
    background: linear-gradient(to bottom, #9F7E61 0%, #66513D 50%, #2D241B 100%);
}
</style>