#E300C7 - #FF8DFF | 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 #E300C7 to #FF8DFF

#E300C7 #FF8DFF

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

#E300C7 - #FF8DFF | 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 #E300C7 as 0% and #FF8DFF as 100%.

0.0%	0.0% #E300C7	RGB 227 0 199	#E300C7
16.7%	16.7% #E717D0	RGB 231 23 208	#E717D0
33.3%	33.3% #EC2FD9	RGB 236 47 217	#EC2FD9
50.0%	50.0% #F146E3	RGB 241 70 227	#F146E3
66.7%	66.7% #F55EEC	RGB 245 94 236	#F55EEC
83.3%	83.3% #FA75F5	RGB 250 117 245	#FA75F5
100.0%	100.0% #FF8DFF	RGB 255 141 255	#FF8DFF

#E300C7 #E717D0 #EC2FD9 #F146E3 #F55EEC #FA75F5 #FF8DFF

#E300C7 - #FF8DFF

HSV Blend

#E300C7 - #FF8DFF | 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 #E300C7 as 0% and #FF8DFF as 100%.

0.0%	0.0% #E300C7	RGB 227 0 199	#E300C7
16.7%	16.7% #E715D2	RGB 231 21 210	#E715D2
33.3%	33.3% #EC2BDC	RGB 236 43 220	#EC2BDC
50.0%	50.0% #F142E6	RGB 241 66 230	#F142E6
66.7%	66.7% #F55AEF	RGB 245 90 239	#F55AEF
83.3%	83.3% #FA73F7	RGB 250 115 247	#FA73F7
100.0%	100.0% #FF8DFF	RGB 255 141 255	#FF8DFF

#E300C7 #E715D2 #EC2BDC #F142E6 #F55AEF #FA73F7 #FF8DFF

#E300C7 - #F142E6 - #FF8DFF

CSS codes

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

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