#F0C8D4 - #FAEFF2 | 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 #F0C8D4 to #FAEFF2

#F0C8D4 #FAEFF2

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

#F0C8D4 - #FAEFF2 | 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 #F0C8D4 as 0% and #FAEFF2 as 100%.

0.0%	0.0% #F0C8D4	RGB 240 200 212	#F0C8D4
16.7%	16.7% #F1CED9	RGB 241 206 217	#F1CED9
33.3%	33.3% #F3D5DE	RGB 243 213 222	#F3D5DE
50.0%	50.0% #F5DBE3	RGB 245 219 227	#F5DBE3
66.7%	66.7% #F6E2E8	RGB 246 226 232	#F6E2E8
83.3%	83.3% #F8E8ED	RGB 248 232 237	#F8E8ED
100.0%	100.0% #FAEFF2	RGB 250 239 242	#FAEFF2

#F0C8D4 #F1CED9 #F3D5DE #F5DBE3 #F6E2E8 #F8E8ED #FAEFF2

#F0C8D4 - #FAEFF2

HSV Blend

#F0C8D4 - #FAEFF2 | 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 #F0C8D4 as 0% and #FAEFF2 as 100%.

0.0%	0.0% #F0C8D4	RGB 240 200 212	#F0C8D4
16.7%	16.7% #F1CED8	RGB 241 206 216	#F1CED8
33.3%	33.3% #F3D4DD	RGB 243 212 221	#F3D4DD
50.0%	50.0% #F5DBE2	RGB 245 219 226	#F5DBE2
66.7%	66.7% #F6E1E7	RGB 246 225 231	#F6E1E7
83.3%	83.3% #F8E8EC	RGB 248 232 236	#F8E8EC
100.0%	100.0% #FAEFF2	RGB 250 239 242	#FAEFF2

#F0C8D4 #F1CED8 #F3D4DD #F5DBE2 #F6E1E7 #F8E8EC #FAEFF2

#F0C8D4 - #F5DBE2 - #FAEFF2

CSS codes

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

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