#E5D4DF - #FFF9F1 | 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 #E5D4DF to #FFF9F1

#E5D4DF #FFF9F1

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

#E5D4DF - #FFF9F1 | 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 #E5D4DF as 0% and #FFF9F1 as 100%.

0.0%	0.0% #E5D4DF	RGB 229 212 223	#E5D4DF
16.7%	16.7% #E9DAE2	RGB 233 218 226	#E9DAE2
33.3%	33.3% #EDE0E5	RGB 237 224 229	#EDE0E5
50.0%	50.0% #F2E6E8	RGB 242 230 232	#F2E6E8
66.7%	66.7% #F6ECEB	RGB 246 236 235	#F6ECEB
83.3%	83.3% #FAF2EE	RGB 250 242 238	#FAF2EE
100.0%	100.0% #FFF9F1	RGB 255 249 241	#FFF9F1

#E5D4DF #E9DAE2 #EDE0E5 #F2E6E8 #F6ECEB #FAF2EE #FFF9F1

#E5D4DF - #FFF9F1

HSV Blend

#E5D4DF - #FFF9F1 | 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 #E5D4DF as 0% and #FFF9F1 as 100%.

0.0%	0.0% #E5D4DF	RGB 229 212 223	#E5D4DF
16.7%	16.7% #E9D8E0	RGB 233 216 224	#E9D8E0
33.3%	33.3% #EDDDE1	RGB 237 221 225	#EDDDE1
50.0%	50.0% #F2E2E2	RGB 242 226 226	#F2E2E2
66.7%	66.7% #F6E9E7	RGB 246 233 231	#F6E9E7
83.3%	83.3% #FAF1EC	RGB 250 241 236	#FAF1EC
100.0%	100.0% #FFF9F1	RGB 255 249 241	#FFF9F1

#E5D4DF #E9D8E0 #EDDDE1 #F2E2E2 #F6E9E7 #FAF1EC #FFF9F1

#E5D4DF - #F2E2E2 - #FFF9F1

CSS codes

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

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