#E1D3E5 - #FFF8F7 | 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 #E1D3E5 to #FFF8F7

#E1D3E5 #FFF8F7

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

#E1D3E5 - #FFF8F7 | 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 #E1D3E5 as 0% and #FFF8F7 as 100%.

0.0%	0.0% #E1D3E5	RGB 225 211 229	#E1D3E5
16.7%	16.7% #E6D9E8	RGB 230 217 232	#E6D9E8
33.3%	33.3% #EBDFEB	RGB 235 223 235	#EBDFEB
50.0%	50.0% #F0E5EE	RGB 240 229 238	#F0E5EE
66.7%	66.7% #F5EBF1	RGB 245 235 241	#F5EBF1
83.3%	83.3% #FAF1F4	RGB 250 241 244	#FAF1F4
100.0%	100.0% #FFF8F7	RGB 255 248 247	#FFF8F7

#E1D3E5 #E6D9E8 #EBDFEB #F0E5EE #F5EBF1 #FAF1F4 #FFF8F7

#E1D3E5 - #FFF8F7

HSV Blend

#E1D3E5 - #FFF8F7 | 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 #E1D3E5 as 0% and #FFF8F7 as 100%.

0.0%	0.0% #E1D3E5	RGB 225 211 229	#E1D3E5
16.7%	16.7% #E9D8E9	RGB 233 216 233	#E9D8E9
33.3%	33.3% #EDDEEA	RGB 237 222 234	#EDDEEA
50.0%	50.0% #F2E4EB	RGB 242 228 235	#F2E4EB
66.7%	66.7% #F6EAEE	RGB 246 234 238	#F6EAEE
83.3%	83.3% #FAF0F1	RGB 250 240 241	#FAF0F1
100.0%	100.0% #FFF8F7	RGB 255 248 247	#FFF8F7

#E1D3E5 #E9D8E9 #EDDEEA #F2E4EB #F6EAEE #FAF0F1 #FFF8F7

#E1D3E5 - #F2E4EB - #FFF8F7

CSS codes

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

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