#E2CFDA - #FFEDE5 | 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 #E2CFDA to #FFEDE5

#E2CFDA #FFEDE5

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

#E2CFDA - #FFEDE5 | 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 #E2CFDA as 0% and #FFEDE5 as 100%.

0.0%	0.0% #E2CFDA	RGB 226 207 218	#E2CFDA
16.7%	16.7% #E6D4DB	RGB 230 212 219	#E6D4DB
33.3%	33.3% #EBD9DD	RGB 235 217 221	#EBD9DD
50.0%	50.0% #F0DEDF	RGB 240 222 223	#F0DEDF
66.7%	66.7% #F5E3E1	RGB 245 227 225	#F5E3E1
83.3%	83.3% #FAE8E3	RGB 250 232 227	#FAE8E3
100.0%	100.0% #FFEDE5	RGB 255 237 229	#FFEDE5

#E2CFDA #E6D4DB #EBD9DD #F0DEDF #F5E3E1 #FAE8E3 #FFEDE5

#E2CFDA - #FFEDE5

HSV Blend

#E2CFDA - #FFEDE5 | 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 #E2CFDA as 0% and #FFEDE5 as 100%.

0.0%	0.0% #E2CFDA	RGB 226 207 218	#E2CFDA
16.7%	16.7% #E6D2DB	RGB 230 210 219	#E6D2DB
33.3%	33.3% #EBD6DC	RGB 235 214 220	#EBD6DC
50.0%	50.0% #F0DADD	RGB 240 218 221	#F0DADD
66.7%	66.7% #F5DEDD	RGB 245 222 221	#F5DEDD
83.3%	83.3% #FAE5E1	RGB 250 229 225	#FAE5E1
100.0%	100.0% #FFEDE5	RGB 255 237 229	#FFEDE5

#E2CFDA #E6D2DB #EBD6DC #F0DADD #F5DEDD #FAE5E1 #FFEDE5

#E2CFDA - #F0DADD - #FFEDE5

CSS codes

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

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