#ECDAED - #FEF2F6 | 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 #ECDAED to #FEF2F6

#ECDAED #FEF2F6

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

#ECDAED - #FEF2F6 | 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 #ECDAED as 0% and #FEF2F6 as 100%.

0.0%	0.0% #ECDAED	RGB 236 218 237	#ECDAED
16.7%	16.7% #EFDEEE	RGB 239 222 238	#EFDEEE
33.3%	33.3% #F2E2F0	RGB 242 226 240	#F2E2F0
50.0%	50.0% #F5E6F1	RGB 245 230 241	#F5E6F1
66.7%	66.7% #F8EAF3	RGB 248 234 243	#F8EAF3
83.3%	83.3% #FBEEF4	RGB 251 238 244	#FBEEF4
100.0%	100.0% #FEF2F6	RGB 254 242 246	#FEF2F6

#ECDAED #EFDEEE #F2E2F0 #F5E6F1 #F8EAF3 #FBEEF4 #FEF2F6

#ECDAED - #FEF2F6

HSV Blend

#ECDAED - #FEF2F6 | 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 #ECDAED as 0% and #FEF2F6 as 100%.

0.0%	0.0% #ECDAED	RGB 236 218 237	#ECDAED
16.7%	16.7% #EFDDEE	RGB 239 221 238	#EFDDEE
33.3%	33.3% #F2E1EF	RGB 242 225 239	#F2E1EF
50.0%	50.0% #F5E5F0	RGB 245 229 240	#F5E5F0
66.7%	66.7% #F8E9F2	RGB 248 233 242	#F8E9F2
83.3%	83.3% #FBEDF3	RGB 251 237 243	#FBEDF3
100.0%	100.0% #FEF2F6	RGB 254 242 246	#FEF2F6

#ECDAED #EFDDEE #F2E1EF #F5E5F0 #F8E9F2 #FBEDF3 #FEF2F6

#ECDAED - #F5E5F0 - #FEF2F6

CSS codes

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

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