#F2D9F7 - #FFFCEB | 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 #F2D9F7 to #FFFCEB

#F2D9F7 #FFFCEB

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

#F2D9F7 - #FFFCEB | 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 #F2D9F7 as 0% and #FFFCEB as 100%.

0.0%	0.0% #F2D9F7	RGB 242 217 247	#F2D9F7
16.7%	16.7% #F4DEF5	RGB 244 222 245	#F4DEF5
33.3%	33.3% #F6E4F3	RGB 246 228 243	#F6E4F3
50.0%	50.0% #F8EAF1	RGB 248 234 241	#F8EAF1
66.7%	66.7% #FAF0EF	RGB 250 240 239	#FAF0EF
83.3%	83.3% #FCF6ED	RGB 252 246 237	#FCF6ED
100.0%	100.0% #FFFCEB	RGB 255 252 235	#FFFCEB

#F2D9F7 #F4DEF5 #F6E4F3 #F8EAF1 #FAF0EF #FCF6ED #FFFCEB

#F2D9F7 - #FFFCEB

HSV Blend

#F2D9F7 - #FFFCEB | 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 #F2D9F7 as 0% and #FFFCEB as 100%.

0.0%	0.0% #F2D9F7	RGB 242 217 247	#F2D9F7
16.7%	16.7% #F8DBF3	RGB 248 219 243	#F8DBF3
33.3%	33.3% #F9DEEC	RGB 249 222 236	#F9DEEC
50.0%	50.0% #FBE1E5	RGB 251 225 229	#FBE1E5
66.7%	66.7% #FCE9E4	RGB 252 233 228	#FCE9E4
83.3%	83.3% #FDF3E7	RGB 253 243 231	#FDF3E7
100.0%	100.0% #FFFCEB	RGB 255 252 235	#FFFCEB

#F2D9F7 #F8DBF3 #F9DEEC #FBE1E5 #FCE9E4 #FDF3E7 #FFFCEB

#F2D9F7 - #FBE1E5 - #FFFCEB

CSS codes

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

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