#E2D9F7 - #FFF5EC | 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 #E2D9F7 to #FFF5EC

#E2D9F7 #FFF5EC

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

#E2D9F7 - #FFF5EC | 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 #E2D9F7 as 0% and #FFF5EC as 100%.

0.0%	0.0% #E2D9F7	RGB 226 217 247	#E2D9F7
16.7%	16.7% #E6DDF5	RGB 230 221 245	#E6DDF5
33.3%	33.3% #EBE2F3	RGB 235 226 243	#EBE2F3
50.0%	50.0% #F0E7F1	RGB 240 231 241	#F0E7F1
66.7%	66.7% #F5EBEF	RGB 245 235 239	#F5EBEF
83.3%	83.3% #FAF0ED	RGB 250 240 237	#FAF0ED
100.0%	100.0% #FFF5EC	RGB 255 245 236	#FFF5EC

#E2D9F7 #E6DDF5 #EBE2F3 #F0E7F1 #F5EBEF #FAF0ED #FFF5EC

#E2D9F7 - #FFF5EC

HSV Blend

#E2D9F7 - #FFF5EC | 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 #E2D9F7 as 0% and #FFF5EC as 100%.

0.0%	0.0% #E2D9F7	RGB 226 217 247	#E2D9F7
16.7%	16.7% #EEDCF8	RGB 238 220 248	#EEDCF8
33.3%	33.3% #F9DFF9	RGB 249 223 249	#F9DFF9
50.0%	50.0% #FBE2F1	RGB 251 226 241	#FBE2F1
66.7%	66.7% #FCE5EB	RGB 252 229 235	#FCE5EB
83.3%	83.3% #FDEBE8	RGB 253 235 232	#FDEBE8
100.0%	100.0% #FFF5EC	RGB 255 245 236	#FFF5EC

#E2D9F7 #EEDCF8 #F9DFF9 #FBE2F1 #FCE5EB #FDEBE8 #FFF5EC

#E2D9F7 - #FBE2F1 - #FFF5EC

CSS codes

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

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