#E5DDF1 - #FFEDE5 | 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 #E5DDF1 to #FFEDE5

#E5DDF1 #FFEDE5

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

#E5DDF1 - #FFEDE5 | 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 #E5DDF1 as 0% and #FFEDE5 as 100%.

0.0%	0.0% #E5DDF1	RGB 229 221 241	#E5DDF1
16.7%	16.7% #E9DFEF	RGB 233 223 239	#E9DFEF
33.3%	33.3% #EDE2ED	RGB 237 226 237	#EDE2ED
50.0%	50.0% #F2E5EB	RGB 242 229 235	#F2E5EB
66.7%	66.7% #F6E7E9	RGB 246 231 233	#F6E7E9
83.3%	83.3% #FAEAE7	RGB 250 234 231	#FAEAE7
100.0%	100.0% #FFEDE5	RGB 255 237 229	#FFEDE5

#E5DDF1 #E9DFEF #EDE2ED #F2E5EB #F6E7E9 #FAEAE7 #FFEDE5

#E5DDF1 - #FFEDE5

HSV Blend

#E5DDF1 - #FFEDE5 | 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 #E5DDF1 as 0% and #FFEDE5 as 100%.

0.0%	0.0% #E5DDF1	RGB 229 221 241	#E5DDF1
16.7%	16.7% #EDDEF3	RGB 237 222 243	#EDDEF3
33.3%	33.3% #F5DFF4	RGB 245 223 244	#F5DFF4
50.0%	50.0% #F8E1EF	RGB 248 225 239	#F8E1EF
66.7%	66.7% #FAE2EA	RGB 250 226 234	#FAE2EA
83.3%	83.3% #FCE3E3	RGB 252 227 227	#FCE3E3
100.0%	100.0% #FFEDE5	RGB 255 237 229	#FFEDE5

#E5DDF1 #EDDEF3 #F5DFF4 #F8E1EF #FAE2EA #FCE3E3 #FFEDE5

#E5DDF1 - #F8E1EF - #FFEDE5

CSS codes

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

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