#5E2D58 - #470232 | 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 #5E2D58 to #470232

#5E2D58 #470232

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

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

0.0%	0.0% #5E2D58	RGB 94 45 88	#5E2D58
16.7%	16.7% #5A2551	RGB 90 37 81	#5A2551
33.3%	33.3% #561E4B	RGB 86 30 75	#561E4B
50.0%	50.0% #521745	RGB 82 23 69	#521745
66.7%	66.7% #4E103E	RGB 78 16 62	#4E103E
83.3%	83.3% #4A0938	RGB 74 9 56	#4A0938
100.0%	100.0% #470232	RGB 71 2 50	#470232

#5E2D58 #5A2551 #561E4B #521745 #4E103E #4A0938 #470232

#5E2D58 - #470232

HSV Blend

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

0.0%	0.0% #5E2D58	RGB 94 45 88	#5E2D58
16.7%	16.7% #5A2451	RGB 90 36 81	#5A2451
33.3%	33.3% #561C4B	RGB 86 28 75	#561C4B
50.0%	50.0% #521445	RGB 82 20 69	#521445
66.7%	66.7% #4E0E3E	RGB 78 14 62	#4E0E3E
83.3%	83.3% #4A0738	RGB 74 7 56	#4A0738
100.0%	100.0% #470232	RGB 71 2 50	#470232

#5E2D58 #5A2451 #561C4B #521445 #4E0E3E #4A0738 #470232

#5E2D58 - #521445 - #470232

CSS codes

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

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