#8D4B5C - #4F161B | 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 #8D4B5C to #4F161B

#8D4B5C #4F161B

Calculate the color between two colors, #8D4B5C and #4F161B. 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)

#8D4B5C - #4F161B | 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 #8D4B5C as 0% and #4F161B as 100%.

0.0%	0.0% #8D4B5C	RGB 141 75 92	#8D4B5C
16.7%	16.7% #824251	RGB 130 66 81	#824251
33.3%	33.3% #783946	RGB 120 57 70	#783946
50.0%	50.0% #6E303B	RGB 110 48 59	#6E303B
66.7%	66.7% #632730	RGB 99 39 48	#632730
83.3%	83.3% #591E25	RGB 89 30 37	#591E25
100.0%	100.0% #4F161B	RGB 79 22 27	#4F161B

#8D4B5C #824251 #783946 #6E303B #632730 #591E25 #4F161B

#8D4B5C - #4F161B

HSV Blend

#8D4B5C - #4F161B | 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 #8D4B5C as 0% and #4F161B as 100%.

0.0%	0.0% #8D4B5C	RGB 141 75 92	#8D4B5C
16.7%	16.7% #823F4F	RGB 130 63 79	#823F4F
33.3%	33.3% #783543	RGB 120 53 67	#783543
50.0%	50.0% #6E2C37	RGB 110 44 55	#6E2C37
66.7%	66.7% #63242D	RGB 99 36 45	#63242D
83.3%	83.3% #591C23	RGB 89 28 35	#591C23
100.0%	100.0% #4F161B	RGB 79 22 27	#4F161B

#8D4B5C #823F4F #783543 #6E2C37 #63242D #591C23 #4F161B

#8D4B5C - #6E2C37 - #4F161B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D4B5C 0%, #6E2C37 50%, #4F161B 100%);
    background: -webkit-linear-gradient(top, #8D4B5C 0%, #6E2C37 50%, #4F161B 100%);
    background: linear-gradient(to bottom, #8D4B5C 0%, #6E2C37 50%, #4F161B 100%);
}
</style>