#EF9CEC - #FAE2FA | 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 #EF9CEC to #FAE2FA

#EF9CEC #FAE2FA

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

#EF9CEC - #FAE2FA | 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 #EF9CEC as 0% and #FAE2FA as 100%.

0.0%	0.0% #EF9CEC	RGB 239 156 236	#EF9CEC
16.7%	16.7% #F0A7EE	RGB 240 167 238	#F0A7EE
33.3%	33.3% #F2B3F0	RGB 242 179 240	#F2B3F0
50.0%	50.0% #F4BFF3	RGB 244 191 243	#F4BFF3
66.7%	66.7% #F6CAF5	RGB 246 202 245	#F6CAF5
83.3%	83.3% #F8D6F7	RGB 248 214 247	#F8D6F7
100.0%	100.0% #FAE2FA	RGB 250 226 250	#FAE2FA

#EF9CEC #F0A7EE #F2B3F0 #F4BFF3 #F6CAF5 #F8D6F7 #FAE2FA

#EF9CEC - #FAE2FA

HSV Blend

#EF9CEC - #FAE2FA | 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 #EF9CEC as 0% and #FAE2FA as 100%.

0.0%	0.0% #EF9CEC	RGB 239 156 236	#EF9CEC
16.7%	16.7% #F0A7EE	RGB 240 167 238	#F0A7EE
33.3%	33.3% #F2B2F1	RGB 242 178 241	#F2B2F1
50.0%	50.0% #F4BEF3	RGB 244 190 243	#F4BEF3
66.7%	66.7% #F6CAF5	RGB 246 202 245	#F6CAF5
83.3%	83.3% #F8D5F7	RGB 248 213 247	#F8D5F7
100.0%	100.0% #FAE2FA	RGB 250 226 250	#FAE2FA

#EF9CEC #F0A7EE #F2B2F1 #F4BEF3 #F6CAF5 #F8D5F7 #FAE2FA

#EF9CEC - #F4BEF3 - #FAE2FA

CSS codes

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

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