#F8C2D7 - #FDEDF3 | 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 #F8C2D7 to #FDEDF3

#F8C2D7 #FDEDF3

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

#F8C2D7 - #FDEDF3 | 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 #F8C2D7 as 0% and #FDEDF3 as 100%.

0.0%	0.0% #F8C2D7	RGB 248 194 215	#F8C2D7
16.7%	16.7% #F8C9DB	RGB 248 201 219	#F8C9DB
33.3%	33.3% #F9D0E0	RGB 249 208 224	#F9D0E0
50.0%	50.0% #FAD7E5	RGB 250 215 229	#FAD7E5
66.7%	66.7% #FBDEE9	RGB 251 222 233	#FBDEE9
83.3%	83.3% #FCE5EE	RGB 252 229 238	#FCE5EE
100.0%	100.0% #FDEDF3	RGB 253 237 243	#FDEDF3

#F8C2D7 #F8C9DB #F9D0E0 #FAD7E5 #FBDEE9 #FCE5EE #FDEDF3

#F8C2D7 - #FDEDF3

HSV Blend

#F8C2D7 - #FDEDF3 | 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 #F8C2D7 as 0% and #FDEDF3 as 100%.

0.0%	0.0% #F8C2D7	RGB 248 194 215	#F8C2D7
16.7%	16.7% #F8C9DB	RGB 248 201 219	#F8C9DB
33.3%	33.3% #F9D0E0	RGB 249 208 224	#F9D0E0
50.0%	50.0% #FAD7E4	RGB 250 215 228	#FAD7E4
66.7%	66.7% #FBDEE9	RGB 251 222 233	#FBDEE9
83.3%	83.3% #FCE5EE	RGB 252 229 238	#FCE5EE
100.0%	100.0% #FDEDF3	RGB 253 237 243	#FDEDF3

#F8C2D7 #F8C9DB #F9D0E0 #FAD7E4 #FBDEE9 #FCE5EE #FDEDF3

#F8C2D7 - #FAD7E4 - #FDEDF3

CSS codes

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

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