#E2D5DC - #EED1DB | 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 #E2D5DC to #EED1DB

#E2D5DC #EED1DB

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

#E2D5DC - #EED1DB | 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 #E2D5DC as 0% and #EED1DB as 100%.

0.0%	0.0% #E2D5DC	RGB 226 213 220	#E2D5DC
16.7%	16.7% #E4D4DB	RGB 228 212 219	#E4D4DB
33.3%	33.3% #E6D3DB	RGB 230 211 219	#E6D3DB
50.0%	50.0% #E8D3DB	RGB 232 211 219	#E8D3DB
66.7%	66.7% #EAD2DB	RGB 234 210 219	#EAD2DB
83.3%	83.3% #ECD1DB	RGB 236 209 219	#ECD1DB
100.0%	100.0% #EED1DB	RGB 238 209 219	#EED1DB

#E2D5DC #E4D4DB #E6D3DB #E8D3DB #EAD2DB #ECD1DB #EED1DB

#E2D5DC - #EED1DB

HSV Blend

#E2D5DC - #EED1DB | 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 #E2D5DC as 0% and #EED1DB as 100%.

0.0%	0.0% #E2D5DC	RGB 226 213 220	#E2D5DC
16.7%	16.7% #E4D4DC	RGB 228 212 220	#E4D4DC
33.3%	33.3% #E6D3DC	RGB 230 211 220	#E6D3DC
50.0%	50.0% #E8D3DC	RGB 232 211 220	#E8D3DC
66.7%	66.7% #EAD2DC	RGB 234 210 220	#EAD2DC
83.3%	83.3% #ECD1DB	RGB 236 209 219	#ECD1DB
100.0%	100.0% #EED1DB	RGB 238 209 219	#EED1DB

#E2D5DC #E4D4DC #E6D3DC #E8D3DC #EAD2DC #ECD1DB #EED1DB

#E2D5DC - #E8D3DC - #EED1DB

CSS codes

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

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