#E5D4D5 - #E8C9DA | 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 #E5D4D5 to #E8C9DA

#E5D4D5 #E8C9DA

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

#E5D4D5 - #E8C9DA | 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 #E5D4D5 as 0% and #E8C9DA as 100%.

0.0%	0.0% #E5D4D5	RGB 229 212 213	#E5D4D5
16.7%	16.7% #E5D2D5	RGB 229 210 213	#E5D2D5
33.3%	33.3% #E6D0D6	RGB 230 208 214	#E6D0D6
50.0%	50.0% #E6CED7	RGB 230 206 215	#E6CED7
66.7%	66.7% #E7CCD8	RGB 231 204 216	#E7CCD8
83.3%	83.3% #E7CAD9	RGB 231 202 217	#E7CAD9
100.0%	100.0% #E8C9DA	RGB 232 201 218	#E8C9DA

#E5D4D5 #E5D2D5 #E6D0D6 #E6CED7 #E7CCD8 #E7CAD9 #E8C9DA

#E5D4D5 - #E8C9DA

HSV Blend

#E5D4D5 - #E8C9DA | 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 #E5D4D5 as 0% and #E8C9DA as 100%.

0.0%	0.0% #E5D4D5	RGB 229 212 213	#E5D4D5
16.7%	16.7% #E5D2D4	RGB 229 210 212	#E5D2D4
33.3%	33.3% #E6D0D5	RGB 230 208 213	#E6D0D5
50.0%	50.0% #E6CED5	RGB 230 206 213	#E6CED5
66.7%	66.7% #E7CCD6	RGB 231 204 214	#E7CCD6
83.3%	83.3% #E7CAD8	RGB 231 202 216	#E7CAD8
100.0%	100.0% #E8C9DA	RGB 232 201 218	#E8C9DA

#E5D4D5 #E5D2D4 #E6D0D5 #E6CED5 #E7CCD6 #E7CAD8 #E8C9DA

#E5D4D5 - #E6CED5 - #E8C9DA

CSS codes

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

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