#F2DEEB - #FFFFFD | 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 #F2DEEB to #FFFFFD

#F2DEEB #FFFFFD

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

#F2DEEB - #FFFFFD | 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 #F2DEEB as 0% and #FFFFFD as 100%.

0.0%	0.0% #F2DEEB	RGB 242 222 235	#F2DEEB
16.7%	16.7% #F4E3EE	RGB 244 227 238	#F4E3EE
33.3%	33.3% #F6E9F1	RGB 246 233 241	#F6E9F1
50.0%	50.0% #F8EEF4	RGB 248 238 244	#F8EEF4
66.7%	66.7% #FAF4F7	RGB 250 244 247	#FAF4F7
83.3%	83.3% #FCF9FA	RGB 252 249 250	#FCF9FA
100.0%	100.0% #FFFFFD	RGB 255 255 253	#FFFFFD

#F2DEEB #F4E3EE #F6E9F1 #F8EEF4 #FAF4F7 #FCF9FA #FFFFFD

#F2DEEB - #FFFFFD

HSV Blend

#F2DEEB - #FFFFFD | 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 #F2DEEB as 0% and #FFFFFD as 100%.

0.0%	0.0% #F2DEEB	RGB 242 222 235	#F2DEEB
16.7%	16.7% #F4E3E9	RGB 244 227 233	#F4E3E9
33.3%	33.3% #F6E8E9	RGB 246 232 233	#F6E8E9
50.0%	50.0% #F8EFED	RGB 248 239 237	#F8EFED
66.7%	66.7% #FAF6F2	RGB 250 246 242	#FAF6F2
83.3%	83.3% #FCFBF7	RGB 252 251 247	#FCFBF7
100.0%	100.0% #FFFFFD	RGB 255 255 253	#FFFFFD

#F2DEEB #F4E3E9 #F6E8E9 #F8EFED #FAF6F2 #FCFBF7 #FFFFFD

#F2DEEB - #F8EFED - #FFFFFD

CSS codes

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

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