#FCD2D4 - #FAFBE9 | 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 #FCD2D4 to #FAFBE9

#FCD2D4 #FAFBE9

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

#FCD2D4 - #FAFBE9 | 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 #FCD2D4 as 0% and #FAFBE9 as 100%.

0.0%	0.0% #FCD2D4	RGB 252 210 212	#FCD2D4
16.7%	16.7% #FBD8D7	RGB 251 216 215	#FBD8D7
33.3%	33.3% #FBDFDB	RGB 251 223 219	#FBDFDB
50.0%	50.0% #FBE6DE	RGB 251 230 222	#FBE6DE
66.7%	66.7% #FAEDE2	RGB 250 237 226	#FAEDE2
83.3%	83.3% #FAF4E5	RGB 250 244 229	#FAF4E5
100.0%	100.0% #FAFBE9	RGB 250 251 233	#FAFBE9

#FCD2D4 #FBD8D7 #FBDFDB #FBE6DE #FAEDE2 #FAF4E5 #FAFBE9

#FCD2D4 - #FAFBE9

HSV Blend

#FCD2D4 - #FAFBE9 | 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 #FCD2D4 as 0% and #FAFBE9 as 100%.

0.0%	0.0% #FCD2D4	RGB 252 210 212	#FCD2D4
16.7%	16.7% #FBDBD5	RGB 251 219 213	#FBDBD5
33.3%	33.3% #FBE4D9	RGB 251 228 217	#FBE4D9
50.0%	50.0% #FBECDD	RGB 251 236 221	#FBECDD
66.7%	66.7% #FBF3E1	RGB 251 243 225	#FBF3E1
83.3%	83.3% #FBF8E5	RGB 251 248 229	#FBF8E5
100.0%	100.0% #FAFBE9	RGB 250 251 233	#FAFBE9

#FCD2D4 #FBDBD5 #FBE4D9 #FBECDD #FBF3E1 #FBF8E5 #FAFBE9

#FCD2D4 - #FBECDD - #FAFBE9

CSS codes

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

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