#FEC9F5 - #FEEFFC | 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 #FEC9F5 to #FEEFFC

#FEC9F5 #FEEFFC

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

#FEC9F5 - #FEEFFC | 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 #FEC9F5 as 0% and #FEEFFC as 100%.

0.0%	0.0% #FEC9F5	RGB 254 201 245	#FEC9F5
16.7%	16.7% #FECFF6	RGB 254 207 246	#FECFF6
33.3%	33.3% #FED5F7	RGB 254 213 247	#FED5F7
50.0%	50.0% #FEDCF8	RGB 254 220 248	#FEDCF8
66.7%	66.7% #FEE2F9	RGB 254 226 249	#FEE2F9
83.3%	83.3% #FEE8FA	RGB 254 232 250	#FEE8FA
100.0%	100.0% #FEEFFC	RGB 254 239 252	#FEEFFC

#FEC9F5 #FECFF6 #FED5F7 #FEDCF8 #FEE2F9 #FEE8FA #FEEFFC

#FEC9F5 - #FEEFFC

HSV Blend

#FEC9F5 - #FEEFFC | 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 #FEC9F5 as 0% and #FEEFFC as 100%.

0.0%	0.0% #FEC9F5	RGB 254 201 245	#FEC9F5
16.7%	16.7% #FECFF6	RGB 254 207 246	#FECFF6
33.3%	33.3% #FED5F7	RGB 254 213 247	#FED5F7
50.0%	50.0% #FEDCF8	RGB 254 220 248	#FEDCF8
66.7%	66.7% #FEE2F9	RGB 254 226 249	#FEE2F9
83.3%	83.3% #FEE8FB	RGB 254 232 251	#FEE8FB
100.0%	100.0% #FEEFFC	RGB 254 239 252	#FEEFFC

#FEC9F5 #FECFF6 #FED5F7 #FEDCF8 #FEE2F9 #FEE8FB #FEEFFC

#FEC9F5 - #FEDCF8 - #FEEFFC

CSS codes

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

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