#8C5B6A - #5E1514 | 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 #8C5B6A to #5E1514

#8C5B6A #5E1514

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

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

0.0%	0.0% #8C5B6A	RGB 140 91 106	#8C5B6A
16.7%	16.7% #844F5B	RGB 132 79 91	#844F5B
33.3%	33.3% #7C434D	RGB 124 67 77	#7C434D
50.0%	50.0% #75383F	RGB 117 56 63	#75383F
66.7%	66.7% #6D2C30	RGB 109 44 48	#6D2C30
83.3%	83.3% #652022	RGB 101 32 34	#652022
100.0%	100.0% #5E1514	RGB 94 21 20	#5E1514

#8C5B6A #844F5B #7C434D #75383F #6D2C30 #652022 #5E1514

#8C5B6A - #5E1514

HSV Blend

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

0.0%	0.0% #8C5B6A	RGB 140 91 106	#8C5B6A
16.7%	16.7% #844C5A	RGB 132 76 90	#844C5A
33.3%	33.3% #7C3E4B	RGB 124 62 75	#7C3E4B
50.0%	50.0% #75323C	RGB 117 50 60	#75323C
66.7%	66.7% #6D272D	RGB 109 39 45	#6D272D
83.3%	83.3% #651D1F	RGB 101 29 31	#651D1F
100.0%	100.0% #5E1514	RGB 94 21 20	#5E1514

#8C5B6A #844C5A #7C3E4B #75323C #6D272D #651D1F #5E1514

#8C5B6A - #75323C - #5E1514

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C5B6A 0%, #75323C 50%, #5E1514 100%);
    background: -webkit-linear-gradient(top, #8C5B6A 0%, #75323C 50%, #5E1514 100%);
    background: linear-gradient(to bottom, #8C5B6A 0%, #75323C 50%, #5E1514 100%);
}
</style>