#FCD9CF - #F7FFF0 | 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 #FCD9CF to #F7FFF0

#FCD9CF #F7FFF0

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

#FCD9CF - #F7FFF0 | 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 #FCD9CF as 0% and #F7FFF0 as 100%.

0.0%	0.0% #FCD9CF	RGB 252 217 207	#FCD9CF
16.7%	16.7% #FBDFD4	RGB 251 223 212	#FBDFD4
33.3%	33.3% #FAE5DA	RGB 250 229 218	#FAE5DA
50.0%	50.0% #F9ECDF	RGB 249 236 223	#F9ECDF
66.7%	66.7% #F8F2E5	RGB 248 242 229	#F8F2E5
83.3%	83.3% #F7F8EA	RGB 247 248 234	#F7F8EA
100.0%	100.0% #F7FFF0	RGB 247 255 240	#F7FFF0

#FCD9CF #FBDFD4 #FAE5DA #F9ECDF #F8F2E5 #F7F8EA #F7FFF0

#FCD9CF - #F7FFF0

HSV Blend

#FCD9CF - #F7FFF0 | 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 #FCD9CF as 0% and #F7FFF0 as 100%.

0.0%	0.0% #FCD9CF	RGB 252 217 207	#FCD9CF
16.7%	16.7% #FCE6D4	RGB 252 230 212	#FCE6D4
33.3%	33.3% #FDF1D9	RGB 253 241 217	#FDF1D9
50.0%	50.0% #FDF9DF	RGB 253 249 223	#FDF9DF
66.7%	66.7% #FBFEE4	RGB 251 254 228	#FBFEE4
83.3%	83.3% #F8FEEA	RGB 248 254 234	#F8FEEA
100.0%	100.0% #F7FFF0	RGB 247 255 240	#F7FFF0

#FCD9CF #FCE6D4 #FDF1D9 #FDF9DF #FBFEE4 #F8FEEA #F7FFF0

#FCD9CF - #FDF9DF - #F7FFF0

CSS codes

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

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