#EF3CFF - #FFCAFF | 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 #EF3CFF to #FFCAFF

#EF3CFF #FFCAFF

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

#EF3CFF - #FFCAFF | 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 #EF3CFF as 0% and #FFCAFF as 100%.

0.0%	0.0% #EF3CFF	RGB 239 60 255	#EF3CFF
16.7%	16.7% #F153FF	RGB 241 83 255	#F153FF
33.3%	33.3% #F46BFF	RGB 244 107 255	#F46BFF
50.0%	50.0% #F783FF	RGB 247 131 255	#F783FF
66.7%	66.7% #F99AFF	RGB 249 154 255	#F99AFF
83.3%	83.3% #FCB2FF	RGB 252 178 255	#FCB2FF
100.0%	100.0% #FFCAFF	RGB 255 202 255	#FFCAFF

#EF3CFF #F153FF #F46BFF #F783FF #F99AFF #FCB2FF #FFCAFF

#EF3CFF - #FFCAFF

HSV Blend

#EF3CFF - #FFCAFF | 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 #EF3CFF as 0% and #FFCAFF as 100%.

0.0%	0.0% #EF3BFF	RGB 239 59 255	#EF3BFF
16.7%	16.7% #F353FF	RGB 243 83 255	#F353FF
33.3%	33.3% #F66BFF	RGB 246 107 255	#F66BFF
50.0%	50.0% #F983FF	RGB 249 131 255	#F983FF
66.7%	66.7% #FC9AFF	RGB 252 154 255	#FC9AFF
83.3%	83.3% #FDB2FF	RGB 253 178 255	#FDB2FF
100.0%	100.0% #FFCAFF	RGB 255 202 255	#FFCAFF

#EF3BFF #F353FF #F66BFF #F983FF #FC9AFF #FDB2FF #FFCAFF

#EF3CFF - #F983FF - #FFCAFF

CSS codes

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

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