#E5D5E8 - #FFF1DC | 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 #E5D5E8 to #FFF1DC

#E5D5E8 #FFF1DC

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

#E5D5E8 - #FFF1DC | 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 #E5D5E8 as 0% and #FFF1DC as 100%.

0.0%	0.0% #E5D5E8	RGB 229 213 232	#E5D5E8
16.7%	16.7% #E9D9E6	RGB 233 217 230	#E9D9E6
33.3%	33.3% #EDDEE4	RGB 237 222 228	#EDDEE4
50.0%	50.0% #F2E3E2	RGB 242 227 226	#F2E3E2
66.7%	66.7% #F6E7E0	RGB 246 231 224	#F6E7E0
83.3%	83.3% #FAECDE	RGB 250 236 222	#FAECDE
100.0%	100.0% #FFF1DC	RGB 255 241 220	#FFF1DC

#E5D5E8 #E9D9E6 #EDDEE4 #F2E3E2 #F6E7E0 #FAECDE #FFF1DC

#E5D5E8 - #FFF1DC

HSV Blend

#E5D5E8 - #FFF1DC | 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 #E5D5E8 as 0% and #FFF1DC as 100%.

0.0%	0.0% #E5D5E8	RGB 229 213 232	#E5D5E8
16.7%	16.7% #EBD6E8	RGB 235 214 232	#EBD6E8
33.3%	33.3% #EFD7E5	RGB 239 215 229	#EFD7E5
50.0%	50.0% #F3D8E0	RGB 243 216 224	#F3D8E0
66.7%	66.7% #F7DAD9	RGB 247 218 217	#F7DAD9
83.3%	83.3% #FBE4DB	RGB 251 228 219	#FBE4DB
100.0%	100.0% #FFF1DC	RGB 255 241 220	#FFF1DC

#E5D5E8 #EBD6E8 #EFD7E5 #F3D8E0 #F7DAD9 #FBE4DB #FFF1DC

#E5D5E8 - #F3D8E0 - #FFF1DC

CSS codes

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

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