#E52DD3 - #8F0090 | 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 #E52DD3 to #8F0090

#E52DD3 #8F0090

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

#E52DD3 - #8F0090 | 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 #E52DD3 as 0% and #8F0090 as 100%.

0.0%	0.0% #E52DD3	RGB 229 45 211	#E52DD3
16.7%	16.7% #D625C7	RGB 214 37 199	#D625C7
33.3%	33.3% #C81EBC	RGB 200 30 188	#C81EBC
50.0%	50.0% #BA16B1	RGB 186 22 177	#BA16B1
66.7%	66.7% #AB0EA6	RGB 171 14 166	#AB0EA6
83.3%	83.3% #9D079B	RGB 157 7 155	#9D079B
100.0%	100.0% #8F0090	RGB 143 0 144	#8F0090

#E52DD3 #D625C7 #C81EBC #BA16B1 #AB0EA6 #9D079B #8F0090

#E52DD3 - #8F0090

HSV Blend

#E52DD3 - #8F0090 | 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 #E52DD3 as 0% and #8F0090 as 100%.

0.0%	0.0% #E52DD3	RGB 229 45 211	#E52DD3
16.7%	16.7% #D623C8	RGB 214 35 200	#D623C8
33.3%	33.3% #C81ABD	RGB 200 26 189	#C81ABD
50.0%	50.0% #BA12B2	RGB 186 18 178	#BA12B2
66.7%	66.7% #AC0BA7	RGB 172 11 167	#AC0BA7
83.3%	83.3% #9E059C	RGB 158 5 156	#9E059C
100.0%	100.0% #8F0090	RGB 143 0 144	#8F0090

#E52DD3 #D623C8 #C81ABD #BA12B2 #AC0BA7 #9E059C #8F0090

#E52DD3 - #BA12B2 - #8F0090

CSS codes

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

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