#E3C7F1 - #E1DCEB | 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 #E3C7F1 to #E1DCEB

#E3C7F1 #E1DCEB

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

#E3C7F1 - #E1DCEB | 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 #E3C7F1 as 0% and #E1DCEB as 100%.

0.0%	0.0% #E3C7F1	RGB 227 199 241	#E3C7F1
16.7%	16.7% #E2CAF0	RGB 226 202 240	#E2CAF0
33.3%	33.3% #E2CEEF	RGB 226 206 239	#E2CEEF
50.0%	50.0% #E2D1EE	RGB 226 209 238	#E2D1EE
66.7%	66.7% #E1D5ED	RGB 225 213 237	#E1D5ED
83.3%	83.3% #E1D8EC	RGB 225 216 236	#E1D8EC
100.0%	100.0% #E1DCEB	RGB 225 220 235	#E1DCEB

#E3C7F1 #E2CAF0 #E2CEEF #E2D1EE #E1D5ED #E1D8EC #E1DCEB

#E3C7F1 - #E1DCEB

HSV Blend

#E3C7F1 - #E1DCEB | 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 #E3C7F1 as 0% and #E1DCEB as 100%.

0.0%	0.0% #E3C7F1	RGB 227 199 241	#E3C7F1
16.7%	16.7% #E1CAF0	RGB 225 202 240	#E1CAF0
33.3%	33.3% #E0CEEF	RGB 224 206 239	#E0CEEF
50.0%	50.0% #DFD1EE	RGB 223 209 238	#DFD1EE
66.7%	66.7% #DFD5ED	RGB 223 213 237	#DFD5ED
83.3%	83.3% #E0D8EC	RGB 224 216 236	#E0D8EC
100.0%	100.0% #E1DCEB	RGB 225 220 235	#E1DCEB

#E3C7F1 #E1CAF0 #E0CEEF #DFD1EE #DFD5ED #E0D8EC #E1DCEB

#E3C7F1 - #DFD1EE - #E1DCEB

CSS codes

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

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