#5E3C5A - #D25ED2 | 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 #5E3C5A to #D25ED2

#5E3C5A #D25ED2

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

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

0.0%	0.0% #5E3C5A	RGB 94 60 90	#5E3C5A
16.7%	16.7% #71416E	RGB 113 65 110	#71416E
33.3%	33.3% #844782	RGB 132 71 130	#844782
50.0%	50.0% #984D96	RGB 152 77 150	#984D96
66.7%	66.7% #AB52AA	RGB 171 82 170	#AB52AA
83.3%	83.3% #BE58BE	RGB 190 88 190	#BE58BE
100.0%	100.0% #D25ED2	RGB 210 94 210	#D25ED2

#5E3C5A #71416E #844782 #984D96 #AB52AA #BE58BE #D25ED2

#5E3C5A - #D25ED2

HSV Blend

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

0.0%	0.0% #5E3C5A	RGB 94 60 90	#5E3C5A
16.7%	16.7% #71446C	RGB 113 68 108	#71446C
33.3%	33.3% #844C80	RGB 132 76 128	#844C80
50.0%	50.0% #985293	RGB 152 82 147	#985293
66.7%	66.7% #AB57A8	RGB 171 87 168	#AB57A8
83.3%	83.3% #BE5BBC	RGB 190 91 188	#BE5BBC
100.0%	100.0% #D25ED2	RGB 210 94 210	#D25ED2

#5E3C5A #71446C #844C80 #985293 #AB57A8 #BE5BBC #D25ED2

#5E3C5A - #985293 - #D25ED2

CSS codes

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

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