#F2DEE4 - #FFFCF4 | 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 #F2DEE4 to #FFFCF4

#F2DEE4 #FFFCF4

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

#F2DEE4 - #FFFCF4 | 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 #F2DEE4 as 0% and #FFFCF4 as 100%.

0.0%	0.0% #F2DEE4	RGB 242 222 228	#F2DEE4
16.7%	16.7% #F4E3E6	RGB 244 227 230	#F4E3E6
33.3%	33.3% #F6E8E9	RGB 246 232 233	#F6E8E9
50.0%	50.0% #F8EDEC	RGB 248 237 236	#F8EDEC
66.7%	66.7% #FAF2EE	RGB 250 242 238	#FAF2EE
83.3%	83.3% #FCF7F1	RGB 252 247 241	#FCF7F1
100.0%	100.0% #FFFCF4	RGB 255 252 244	#FFFCF4

#F2DEE4 #F4E3E6 #F6E8E9 #F8EDEC #FAF2EE #FCF7F1 #FFFCF4

#F2DEE4 - #FFFCF4

HSV Blend

#F2DEE4 - #FFFCF4 | 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 #F2DEE4 as 0% and #FFFCF4 as 100%.

0.0%	0.0% #F2DEE4	RGB 242 222 228	#F2DEE4
16.7%	16.7% #F4E1E3	RGB 244 225 227	#F4E1E3
33.3%	33.3% #F6E5E5	RGB 246 229 229	#F6E5E5
50.0%	50.0% #F8ECE8	RGB 248 236 232	#F8ECE8
66.7%	66.7% #FAF1EC	RGB 250 241 236	#FAF1EC
83.3%	83.3% #FCF7F0	RGB 252 247 240	#FCF7F0
100.0%	100.0% #FFFCF4	RGB 255 252 244	#FFFCF4

#F2DEE4 #F4E1E3 #F6E5E5 #F8ECE8 #FAF1EC #FCF7F0 #FFFCF4

#F2DEE4 - #F8ECE8 - #FFFCF4

CSS codes

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

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