#FCE2F7 - #EADAF5 | 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 #FCE2F7 to #EADAF5

#FCE2F7 #EADAF5

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

#FCE2F7 - #EADAF5 | 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 #FCE2F7 as 0% and #EADAF5 as 100%.

0.0%	0.0% #FCE2F7	RGB 252 226 247	#FCE2F7
16.7%	16.7% #F9E0F6	RGB 249 224 246	#F9E0F6
33.3%	33.3% #F6DFF6	RGB 246 223 246	#F6DFF6
50.0%	50.0% #F3DEF6	RGB 243 222 246	#F3DEF6
66.7%	66.7% #F0DCF5	RGB 240 220 245	#F0DCF5
83.3%	83.3% #EDDBF5	RGB 237 219 245	#EDDBF5
100.0%	100.0% #EADAF5	RGB 234 218 245	#EADAF5

#FCE2F7 #F9E0F6 #F6DFF6 #F3DEF6 #F0DCF5 #EDDBF5 #EADAF5

#FCE2F7 - #EADAF5

HSV Blend

#FCE2F7 - #EADAF5 | 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 #FCE2F7 as 0% and #EADAF5 as 100%.

0.0%	0.0% #FCE2F7	RGB 252 226 247	#FCE2F7
16.7%	16.7% #FAE0F8	RGB 250 224 248	#FAE0F8
33.3%	33.3% #F9DFF9	RGB 249 223 249	#F9DFF9
50.0%	50.0% #F5DDF8	RGB 245 221 248	#F5DDF8
66.7%	66.7% #F1DCF7	RGB 241 220 247	#F1DCF7
83.3%	83.3% #EDDBF6	RGB 237 219 246	#EDDBF6
100.0%	100.0% #EADAF5	RGB 234 218 245	#EADAF5

#FCE2F7 #FAE0F8 #F9DFF9 #F5DDF8 #F1DCF7 #EDDBF6 #EADAF5

#FCE2F7 - #F5DDF8 - #EADAF5

CSS codes

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

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