#F2EAEC - #FFFCF7 | 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 #F2EAEC to #FFFCF7

#F2EAEC #FFFCF7

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

#F2EAEC - #FFFCF7 | 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 #F2EAEC as 0% and #FFFCF7 as 100%.

0.0%	0.0% #F2EAEC	RGB 242 234 236	#F2EAEC
16.7%	16.7% #F4EDED	RGB 244 237 237	#F4EDED
33.3%	33.3% #F6F0EF	RGB 246 240 239	#F6F0EF
50.0%	50.0% #F8F3F1	RGB 248 243 241	#F8F3F1
66.7%	66.7% #FAF6F3	RGB 250 246 243	#FAF6F3
83.3%	83.3% #FCF9F5	RGB 252 249 245	#FCF9F5
100.0%	100.0% #FFFCF7	RGB 255 252 247	#FFFCF7

#F2EAEC #F4EDED #F6F0EF #F8F3F1 #FAF6F3 #FCF9F5 #FFFCF7

#F2EAEC - #FFFCF7

HSV Blend

#F2EAEC - #FFFCF7 | 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 #F2EAEC as 0% and #FFFCF7 as 100%.

0.0%	0.0% #F2EAEC	RGB 242 234 236	#F2EAEC
16.7%	16.7% #F4ECEC	RGB 244 236 236	#F4ECEC
33.3%	33.3% #F6EEEE	RGB 246 238 238	#F6EEEE
50.0%	50.0% #F8F1F0	RGB 248 241 240	#F8F1F0
66.7%	66.7% #FAF5F2	RGB 250 245 242	#FAF5F2
83.3%	83.3% #FCF8F4	RGB 252 248 244	#FCF8F4
100.0%	100.0% #FFFCF7	RGB 255 252 247	#FFFCF7

#F2EAEC #F4ECEC #F6EEEE #F8F1F0 #FAF5F2 #FCF8F4 #FFFCF7

#F2EAEC - #F8F1F0 - #FFFCF7

CSS codes

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

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