#5E1E5A - #BD6589 | 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 #5E1E5A to #BD6589

#5E1E5A #BD6589

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

#5E1E5A - #BD6589 | 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 #5E1E5A as 0% and #BD6589 as 100%.

0.0%	0.0% #5E1E5A	RGB 94 30 90	#5E1E5A
16.7%	16.7% #6D2961	RGB 109 41 97	#6D2961
33.3%	33.3% #7D3569	RGB 125 53 105	#7D3569
50.0%	50.0% #8D4171	RGB 141 65 113	#8D4171
66.7%	66.7% #9D4D79	RGB 157 77 121	#9D4D79
83.3%	83.3% #AD5981	RGB 173 89 129	#AD5981
100.0%	100.0% #BD6589	RGB 189 101 137	#BD6589

#5E1E5A #6D2961 #7D3569 #8D4171 #9D4D79 #AD5981 #BD6589

#5E1E5A - #BD6589

HSV Blend

#5E1E5A - #BD6589 | 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 #5E1E5A as 0% and #BD6589 as 100%.

0.0%	0.0% #5E1E5A	RGB 94 30 90	#5E1E5A
16.7%	16.7% #6D2663	RGB 109 38 99	#6D2663
33.3%	33.3% #7D316B	RGB 125 49 107	#7D316B
50.0%	50.0% #8D3C73	RGB 141 60 115	#8D3C73
66.7%	66.7% #9D487A	RGB 157 72 122	#9D487A
83.3%	83.3% #AD5681	RGB 173 86 129	#AD5681
100.0%	100.0% #BD6589	RGB 189 101 137	#BD6589

#5E1E5A #6D2663 #7D316B #8D3C73 #9D487A #AD5681 #BD6589

#5E1E5A - #8D3C73 - #BD6589

CSS codes

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

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