#5E3541 - #C87860 | 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 #5E3541 to #C87860

#5E3541 #C87860

Calculate the color between two colors, #5E3541 and #C87860. 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)

#5E3541 - #C87860 | 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 #5E3541 as 0% and #C87860 as 100%.

0.0%	0.0% #5E3541	RGB 94 53 65	#5E3541
16.7%	16.7% #6F4046	RGB 111 64 70	#6F4046
33.3%	33.3% #814B4B	RGB 129 75 75	#814B4B
50.0%	50.0% #935650	RGB 147 86 80	#935650
66.7%	66.7% #A46155	RGB 164 97 85	#A46155
83.3%	83.3% #B66C5A	RGB 182 108 90	#B66C5A
100.0%	100.0% #C87860	RGB 200 120 96	#C87860

#5E3541 #6F4046 #814B4B #935650 #A46155 #B66C5A #C87860

#5E3541 - #C87860

HSV Blend

#5E3541 - #C87860 | 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 #5E3541 as 0% and #C87860 as 100%.

0.0%	0.0% #5E3541	RGB 94 53 65	#5E3541
16.7%	16.7% #6F3D47	RGB 111 61 71	#6F3D47
33.3%	33.3% #81454C	RGB 129 69 76	#81454C
50.0%	50.0% #934C4E	RGB 147 76 78	#934C4E
66.7%	66.7% #A45853	RGB 164 88 83	#A45853
83.3%	83.3% #B6675A	RGB 182 103 90	#B6675A
100.0%	100.0% #C87860	RGB 200 120 96	#C87860

#5E3541 #6F3D47 #81454C #934C4E #A45853 #B6675A #C87860

#5E3541 - #934C4E - #C87860

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3541 0%, #934C4E 50%, #C87860 100%);
    background: -webkit-linear-gradient(top, #5E3541 0%, #934C4E 50%, #C87860 100%);
    background: linear-gradient(to bottom, #5E3541 0%, #934C4E 50%, #C87860 100%);
}
</style>