#8D5E7F - #521F39 | 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 #8D5E7F to #521F39

#8D5E7F #521F39

Calculate the color between two colors, #8D5E7F and #521F39. 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)

#8D5E7F - #521F39 | 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 #8D5E7F as 0% and #521F39 as 100%.

0.0%	0.0% #8D5E7F	RGB 141 94 127	#8D5E7F
16.7%	16.7% #835373	RGB 131 83 115	#835373
33.3%	33.3% #794967	RGB 121 73 103	#794967
50.0%	50.0% #6F3E5C	RGB 111 62 92	#6F3E5C
66.7%	66.7% #653450	RGB 101 52 80	#653450
83.3%	83.3% #5B2944	RGB 91 41 68	#5B2944
100.0%	100.0% #521F39	RGB 82 31 57	#521F39

#8D5E7F #835373 #794967 #6F3E5C #653450 #5B2944 #521F39

#8D5E7F - #521F39

HSV Blend

#8D5E7F - #521F39 | 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 #8D5E7F as 0% and #521F39 as 100%.

0.0%	0.0% #8D5E7F	RGB 141 94 127	#8D5E7F
16.7%	16.7% #835172	RGB 131 81 114	#835172
33.3%	33.3% #794566	RGB 121 69 102	#794566
50.0%	50.0% #6F3A5A	RGB 111 58 90	#6F3A5A
66.7%	66.7% #65304E	RGB 101 48 78	#65304E
83.3%	83.3% #5B2743	RGB 91 39 67	#5B2743
100.0%	100.0% #521F39	RGB 82 31 57	#521F39

#8D5E7F #835172 #794566 #6F3A5A #65304E #5B2743 #521F39

#8D5E7F - #6F3A5A - #521F39

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D5E7F 0%, #6F3A5A 50%, #521F39 100%);
    background: -webkit-linear-gradient(top, #8D5E7F 0%, #6F3A5A 50%, #521F39 100%);
    background: linear-gradient(to bottom, #8D5E7F 0%, #6F3A5A 50%, #521F39 100%);
}
</style>