#F2DEE4 - #FEFFFA | 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 #FEFFFA

#F2DEE4 #FEFFFA

Calculate the color between two colors, #F2DEE4 and #FEFFFA. 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 - #FEFFFA | 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 #FEFFFA as 100%.

0.0%	0.0% #F2DEE4	RGB 242 222 228	#F2DEE4
16.7%	16.7% #F4E3E7	RGB 244 227 231	#F4E3E7
33.3%	33.3% #F6E9EB	RGB 246 233 235	#F6E9EB
50.0%	50.0% #F8EEEF	RGB 248 238 239	#F8EEEF
66.7%	66.7% #FAF4F2	RGB 250 244 242	#FAF4F2
83.3%	83.3% #FCF9F6	RGB 252 249 246	#FCF9F6
100.0%	100.0% #FEFFFA	RGB 254 255 250	#FEFFFA

#F2DEE4 #F4E3E7 #F6E9EB #F8EEEF #FAF4F2 #FCF9F6 #FEFFFA

#F2DEE4 - #FEFFFA

HSV Blend

#F2DEE4 - #FEFFFA | 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 #FEFFFA as 100%.

0.0%	0.0% #F2DEE4	RGB 242 222 228	#F2DEE4
16.7%	16.7% #F4E2E3	RGB 244 226 227	#F4E2E3
33.3%	33.3% #F6EAE7	RGB 246 234 231	#F6EAE7
50.0%	50.0% #F8F1EB	RGB 248 241 235	#F8F1EB
66.7%	66.7% #FAF7F0	RGB 250 247 240	#FAF7F0
83.3%	83.3% #FCFCF5	RGB 252 252 245	#FCFCF5
100.0%	100.0% #FEFFFA	RGB 254 255 250	#FEFFFA

#F2DEE4 #F4E2E3 #F6EAE7 #F8F1EB #FAF7F0 #FCFCF5 #FEFFFA

#F2DEE4 - #F8F1EB - #FEFFFA

CSS codes

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

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