#F2DAE7 - #FFFEFC | 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 #F2DAE7 to #FFFEFC

#F2DAE7 #FFFEFC

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

#F2DAE7 - #FFFEFC | 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 #F2DAE7 as 0% and #FFFEFC as 100%.

0.0%	0.0% #F2DAE7	RGB 242 218 231	#F2DAE7
16.7%	16.7% #F4E0EA	RGB 244 224 234	#F4E0EA
33.3%	33.3% #F6E6EE	RGB 246 230 238	#F6E6EE
50.0%	50.0% #F8ECF1	RGB 248 236 241	#F8ECF1
66.7%	66.7% #FAF2F5	RGB 250 242 245	#FAF2F5
83.3%	83.3% #FCF8F8	RGB 252 248 248	#FCF8F8
100.0%	100.0% #FFFEFC	RGB 255 254 252	#FFFEFC

#F2DAE7 #F4E0EA #F6E6EE #F8ECF1 #FAF2F5 #FCF8F8 #FFFEFC

#F2DAE7 - #FFFEFC

HSV Blend

#F2DAE7 - #FFFEFC | 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 #F2DAE7 as 0% and #FFFEFC as 100%.

0.0%	0.0% #F2DAE7	RGB 242 218 231	#F2DAE7
16.7%	16.7% #F4DFE6	RGB 244 223 230	#F4DFE6
33.3%	33.3% #F6E5E7	RGB 246 229 231	#F6E5E7
50.0%	50.0% #F8EBEA	RGB 248 235 234	#F8EBEA
66.7%	66.7% #FAF3F0	RGB 250 243 240	#FAF3F0
83.3%	83.3% #FCF9F6	RGB 252 249 246	#FCF9F6
100.0%	100.0% #FFFEFC	RGB 255 254 252	#FFFEFC

#F2DAE7 #F4DFE6 #F6E5E7 #F8EBEA #FAF3F0 #FCF9F6 #FFFEFC

#F2DAE7 - #F8EBEA - #FFFEFC

CSS codes

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

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