#FEE2F0 - #F4D9F7 | 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 #FEE2F0 to #F4D9F7

#FEE2F0 #F4D9F7

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

#FEE2F0 - #F4D9F7 | 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 #FEE2F0 as 0% and #F4D9F7 as 100%.

0.0%	0.0% #FEE2F0	RGB 254 226 240	#FEE2F0
16.7%	16.7% #FCE0F1	RGB 252 224 241	#FCE0F1
33.3%	33.3% #FADFF2	RGB 250 223 242	#FADFF2
50.0%	50.0% #F9DDF3	RGB 249 221 243	#F9DDF3
66.7%	66.7% #F7DCF4	RGB 247 220 244	#F7DCF4
83.3%	83.3% #F5DAF5	RGB 245 218 245	#F5DAF5
100.0%	100.0% #F4D9F7	RGB 244 217 247	#F4D9F7

#FEE2F0 #FCE0F1 #FADFF2 #F9DDF3 #F7DCF4 #F5DAF5 #F4D9F7

#FEE2F0 - #F4D9F7

HSV Blend

#FEE2F0 - #F4D9F7 | 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 #FEE2F0 as 0% and #F4D9F7 as 100%.

0.0%	0.0% #FEE2F0	RGB 254 226 240	#FEE2F0
16.7%	16.7% #FCE0F1	RGB 252 224 241	#FCE0F1
33.3%	33.3% #FBDEF3	RGB 251 222 243	#FBDEF3
50.0%	50.0% #FADDF4	RGB 250 221 244	#FADDF4
66.7%	66.7% #F9DBF6	RGB 249 219 246	#F9DBF6
83.3%	83.3% #F8DAF8	RGB 248 218 248	#F8DAF8
100.0%	100.0% #F4D9F7	RGB 244 217 247	#F4D9F7

#FEE2F0 #FCE0F1 #FBDEF3 #FADDF4 #F9DBF6 #F8DAF8 #F4D9F7

#FEE2F0 - #FADDF4 - #F4D9F7

CSS codes

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

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