#E2DAD5 - #E5DEE6 | 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 #E2DAD5 to #E5DEE6

#E2DAD5 #E5DEE6

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

#E2DAD5 - #E5DEE6 | 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 #E2DAD5 as 0% and #E5DEE6 as 100%.

0.0%	0.0% #E2DAD5	RGB 226 218 213	#E2DAD5
16.7%	16.7% #E2DAD7	RGB 226 218 215	#E2DAD7
33.3%	33.3% #E3DBDA	RGB 227 219 218	#E3DBDA
50.0%	50.0% #E3DCDD	RGB 227 220 221	#E3DCDD
66.7%	66.7% #E4DCE0	RGB 228 220 224	#E4DCE0
83.3%	83.3% #E4DDE3	RGB 228 221 227	#E4DDE3
100.0%	100.0% #E5DEE6	RGB 229 222 230	#E5DEE6

#E2DAD5 #E2DAD7 #E3DBDA #E3DCDD #E4DCE0 #E4DDE3 #E5DEE6

#E2DAD5 - #E5DEE6

HSV Blend

#E2DAD5 - #E5DEE6 | 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 #E2DAD5 as 0% and #E5DEE6 as 100%.

0.0%	0.0% #E2DAD5	RGB 226 218 213	#E2DAD5
16.7%	16.7% #E2D8D6	RGB 226 216 214	#E2D8D6
33.3%	33.3% #E3D7D9	RGB 227 215 217	#E3D7D9
50.0%	50.0% #E4D9DD	RGB 228 217 221	#E4D9DD
66.7%	66.7% #E4DAE1	RGB 228 218 225	#E4DAE1
83.3%	83.3% #E5DCE4	RGB 229 220 228	#E5DCE4
100.0%	100.0% #E5DEE6	RGB 229 222 230	#E5DEE6

#E2DAD5 #E2D8D6 #E3D7D9 #E4D9DD #E4DAE1 #E5DCE4 #E5DEE6

#E2DAD5 - #E4D9DD - #E5DEE6

CSS codes

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

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