#8C5B5B - #5E2A13 | 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 #8C5B5B to #5E2A13

#8C5B5B #5E2A13

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

#8C5B5B - #5E2A13 | 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 #8C5B5B as 0% and #5E2A13 as 100%.

0.0%	0.0% #8C5B5B	RGB 140 91 91	#8C5B5B
16.7%	16.7% #84524F	RGB 132 82 79	#84524F
33.3%	33.3% #7C4A43	RGB 124 74 67	#7C4A43
50.0%	50.0% #754237	RGB 117 66 55	#754237
66.7%	66.7% #6D3A2B	RGB 109 58 43	#6D3A2B
83.3%	83.3% #65321F	RGB 101 50 31	#65321F
100.0%	100.0% #5E2A13	RGB 94 42 19	#5E2A13

#8C5B5B #84524F #7C4A43 #754237 #6D3A2B #65321F #5E2A13

#8C5B5B - #5E2A13

HSV Blend

#8C5B5B - #5E2A13 | 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 #8C5B5B as 0% and #5E2A13 as 100%.

0.0%	0.0% #8C5B5B	RGB 140 91 91	#8C5B5B
16.7%	16.7% #844F4C	RGB 132 79 76	#844F4C
33.3%	33.3% #7C443E	RGB 124 68 62	#7C443E
50.0%	50.0% #753C31	RGB 117 60 49	#753C31
66.7%	66.7% #6D3426	RGB 109 52 38	#6D3426
83.3%	83.3% #652E1C	RGB 101 46 28	#652E1C
100.0%	100.0% #5E2A13	RGB 94 42 19	#5E2A13

#8C5B5B #844F4C #7C443E #753C31 #6D3426 #652E1C #5E2A13

#8C5B5B - #753C31 - #5E2A13

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C5B5B 0%, #753C31 50%, #5E2A13 100%);
    background: -webkit-linear-gradient(top, #8C5B5B 0%, #753C31 50%, #5E2A13 100%);
    background: linear-gradient(to bottom, #8C5B5B 0%, #753C31 50%, #5E2A13 100%);
}
</style>