#E02ED1 - #A70C93 | 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 #E02ED1 to #A70C93

#E02ED1 #A70C93

Calculate the color between two colors, #E02ED1 and #A70C93. 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)

#E02ED1 - #A70C93 | 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 #E02ED1 as 0% and #A70C93 as 100%.

0.0%	0.0% #E02ED1	RGB 224 46 209	#E02ED1
16.7%	16.7% #D628C6	RGB 214 40 198	#D628C6
33.3%	33.3% #CD22BC	RGB 205 34 188	#CD22BC
50.0%	50.0% #C31DB2	RGB 195 29 178	#C31DB2
66.7%	66.7% #BA17A7	RGB 186 23 167	#BA17A7
83.3%	83.3% #B0119D	RGB 176 17 157	#B0119D
100.0%	100.0% #A70C93	RGB 167 12 147	#A70C93

#E02ED1 #D628C6 #CD22BC #C31DB2 #BA17A7 #B0119D #A70C93

#E02ED1 - #A70C93

HSV Blend

#E02ED1 - #A70C93 | 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 #E02ED1 as 0% and #A70C93 as 100%.

0.0%	0.0% #E02ED1	RGB 224 46 209	#E02ED1
16.7%	16.7% #D627C6	RGB 214 39 198	#D627C6
33.3%	33.3% #CD20BB	RGB 205 32 187	#CD20BB
50.0%	50.0% #C31BB1	RGB 195 27 177	#C31BB1
66.7%	66.7% #BA15A7	RGB 186 21 167	#BA15A7
83.3%	83.3% #B0109D	RGB 176 16 157	#B0109D
100.0%	100.0% #A70C93	RGB 167 12 147	#A70C93

#E02ED1 #D627C6 #CD20BB #C31BB1 #BA15A7 #B0109D #A70C93

#E02ED1 - #C31BB1 - #A70C93

CSS codes

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

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