#FAC2F9 - #FCEDFD | 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 #FAC2F9 to #FCEDFD

#FAC2F9 #FCEDFD

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

#FAC2F9 - #FCEDFD | 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 #FAC2F9 as 0% and #FCEDFD as 100%.

0.0%	0.0% #FAC2F9	RGB 250 194 249	#FAC2F9
16.7%	16.7% #FAC9F9	RGB 250 201 249	#FAC9F9
33.3%	33.3% #FAD0FA	RGB 250 208 250	#FAD0FA
50.0%	50.0% #FBD7FB	RGB 251 215 251	#FBD7FB
66.7%	66.7% #FBDEFB	RGB 251 222 251	#FBDEFB
83.3%	83.3% #FBE5FC	RGB 251 229 252	#FBE5FC
100.0%	100.0% #FCEDFD	RGB 252 237 253	#FCEDFD

#FAC2F9 #FAC9F9 #FAD0FA #FBD7FB #FBDEFB #FBE5FC #FCEDFD

#FAC2F9 - #FCEDFD

HSV Blend

#FAC2F9 - #FCEDFD | 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 #FAC2F9 as 0% and #FCEDFD as 100%.

0.0%	0.0% #FAC2F9	RGB 250 194 249	#FAC2F9
16.7%	16.7% #FAC9FA	RGB 250 201 250	#FAC9FA
33.3%	33.3% #FAD0FB	RGB 250 208 251	#FAD0FB
50.0%	50.0% #FAD7FB	RGB 250 215 251	#FAD7FB
66.7%	66.7% #FADEFC	RGB 250 222 252	#FADEFC
83.3%	83.3% #FBE5FC	RGB 251 229 252	#FBE5FC
100.0%	100.0% #FCEDFD	RGB 252 237 253	#FCEDFD

#FAC2F9 #FAC9FA #FAD0FB #FAD7FB #FADEFC #FBE5FC #FCEDFD

#FAC2F9 - #FAD7FB - #FCEDFD

CSS codes

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

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