#8C5E89 - #4B223B | 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 #8C5E89 to #4B223B

#8C5E89 #4B223B

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

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

0.0%	0.0% #8C5E89	RGB 140 94 137	#8C5E89
16.7%	16.7% #81547C	RGB 129 84 124	#81547C
33.3%	33.3% #764A6F	RGB 118 74 111	#764A6F
50.0%	50.0% #6B4062	RGB 107 64 98	#6B4062
66.7%	66.7% #603655	RGB 96 54 85	#603655
83.3%	83.3% #552C48	RGB 85 44 72	#552C48
100.0%	100.0% #4B223B	RGB 75 34 59	#4B223B

#8C5E89 #81547C #764A6F #6B4062 #603655 #552C48 #4B223B

#8C5E89 - #4B223B

HSV Blend

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

0.0%	0.0% #8C5E89	RGB 140 94 137	#8C5E89
16.7%	16.7% #81527B	RGB 129 82 123	#81527B
33.3%	33.3% #76466E	RGB 118 70 110	#76466E
50.0%	50.0% #6B3C60	RGB 107 60 96	#6B3C60
66.7%	66.7% #603253	RGB 96 50 83	#603253
83.3%	83.3% #552A47	RGB 85 42 71	#552A47
100.0%	100.0% #4B223B	RGB 75 34 59	#4B223B

#8C5E89 #81527B #76466E #6B3C60 #603253 #552A47 #4B223B

#8C5E89 - #6B3C60 - #4B223B

CSS codes

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

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