#8D5E5B - #6F2714 | 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 #8D5E5B to #6F2714

#8D5E5B #6F2714

Calculate the color between two colors, #8D5E5B and #6F2714. 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)

#8D5E5B - #6F2714 | 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 #8D5E5B as 0% and #6F2714 as 100%.

0.0%	0.0% #8D5E5B	RGB 141 94 91	#8D5E5B
16.7%	16.7% #88544F	RGB 136 84 79	#88544F
33.3%	33.3% #834B43	RGB 131 75 67	#834B43
50.0%	50.0% #7E4237	RGB 126 66 55	#7E4237
66.7%	66.7% #79392B	RGB 121 57 43	#79392B
83.3%	83.3% #74301F	RGB 116 48 31	#74301F
100.0%	100.0% #6F2714	RGB 111 39 20	#6F2714

#8D5E5B #88544F #834B43 #7E4237 #79392B #74301F #6F2714

#8D5E5B - #6F2714

HSV Blend

#8D5E5B - #6F2714 | 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 #8D5E5B as 0% and #6F2714 as 100%.

0.0%	0.0% #8D5E5B	RGB 141 94 91	#8D5E5B
16.7%	16.7% #88524D	RGB 136 82 77	#88524D
33.3%	33.3% #834740	RGB 131 71 64	#834740
50.0%	50.0% #7E3D34	RGB 126 61 52	#7E3D34
66.7%	66.7% #793528	RGB 121 53 40	#793528
83.3%	83.3% #742D1D	RGB 116 45 29	#742D1D
100.0%	100.0% #6F2714	RGB 111 39 20	#6F2714

#8D5E5B #88524D #834740 #7E3D34 #793528 #742D1D #6F2714

#8D5E5B - #7E3D34 - #6F2714

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D5E5B 0%, #7E3D34 50%, #6F2714 100%);
    background: -webkit-linear-gradient(top, #8D5E5B 0%, #7E3D34 50%, #6F2714 100%);
    background: linear-gradient(to bottom, #8D5E5B 0%, #7E3D34 50%, #6F2714 100%);
}
</style>