#EC4AFF - #FCD1FF | 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 #EC4AFF to #FCD1FF

#EC4AFF #FCD1FF

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

#EC4AFF - #FCD1FF | 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 #EC4AFF as 0% and #FCD1FF as 100%.

0.0%	0.0% #EC4AFF	RGB 236 74 255	#EC4AFF
16.7%	16.7% #EE60FF	RGB 238 96 255	#EE60FF
33.3%	33.3% #F177FF	RGB 241 119 255	#F177FF
50.0%	50.0% #F48DFF	RGB 244 141 255	#F48DFF
66.7%	66.7% #F6A4FF	RGB 246 164 255	#F6A4FF
83.3%	83.3% #F9BAFF	RGB 249 186 255	#F9BAFF
100.0%	100.0% #FCD1FF	RGB 252 209 255	#FCD1FF

#EC4AFF #EE60FF #F177FF #F48DFF #F6A4FF #F9BAFF #FCD1FF

#EC4AFF - #FCD1FF

HSV Blend

#EC4AFF - #FCD1FF | 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 #EC4AFF as 0% and #FCD1FF as 100%.

0.0%	0.0% #EC49FF	RGB 236 73 255	#EC49FF
16.7%	16.7% #EF60FF	RGB 239 96 255	#EF60FF
33.3%	33.3% #F277FF	RGB 242 119 255	#F277FF
50.0%	50.0% #F58DFF	RGB 245 141 255	#F58DFF
66.7%	66.7% #F7A4FF	RGB 247 164 255	#F7A4FF
83.3%	83.3% #FABAFF	RGB 250 186 255	#FABAFF
100.0%	100.0% #FCD1FF	RGB 252 209 255	#FCD1FF

#EC49FF #EF60FF #F277FF #F58DFF #F7A4FF #FABAFF #FCD1FF

#EC4AFF - #F58DFF - #FCD1FF

CSS codes

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

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