#E2D2DA - #FFECE4 | 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 #E2D2DA to #FFECE4

#E2D2DA #FFECE4

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

#E2D2DA - #FFECE4 | 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 #E2D2DA as 0% and #FFECE4 as 100%.

0.0%	0.0% #E2D2DA	RGB 226 210 218	#E2D2DA
16.7%	16.7% #E6D6DB	RGB 230 214 219	#E6D6DB
33.3%	33.3% #EBDADD	RGB 235 218 221	#EBDADD
50.0%	50.0% #F0DFDF	RGB 240 223 223	#F0DFDF
66.7%	66.7% #F5E3E0	RGB 245 227 224	#F5E3E0
83.3%	83.3% #FAE7E2	RGB 250 231 226	#FAE7E2
100.0%	100.0% #FFECE4	RGB 255 236 228	#FFECE4

#E2D2DA #E6D6DB #EBDADD #F0DFDF #F5E3E0 #FAE7E2 #FFECE4

#E2D2DA - #FFECE4

HSV Blend

#E2D2DA - #FFECE4 | 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 #E2D2DA as 0% and #FFECE4 as 100%.

0.0%	0.0% #E2D2DA	RGB 226 210 218	#E2D2DA
16.7%	16.7% #E6D5DB	RGB 230 213 219	#E6D5DB
33.3%	33.3% #EBD8DC	RGB 235 216 220	#EBD8DC
50.0%	50.0% #F0DBDD	RGB 240 219 221	#F0DBDD
66.7%	66.7% #F5DEDE	RGB 245 222 222	#F5DEDE
83.3%	83.3% #FAE5E1	RGB 250 229 225	#FAE5E1
100.0%	100.0% #FFECE4	RGB 255 236 228	#FFECE4

#E2D2DA #E6D5DB #EBD8DC #F0DBDD #F5DEDE #FAE5E1 #FFECE4

#E2D2DA - #F0DBDD - #FFECE4

CSS codes

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

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