#E4D4F8 - #F7F2FD | 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 #E4D4F8 to #F7F2FD

#E4D4F8 #F7F2FD

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

#E4D4F8 - #F7F2FD | 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 #E4D4F8 as 0% and #F7F2FD as 100%.

0.0%	0.0% #E4D4F8	RGB 228 212 248	#E4D4F8
16.7%	16.7% #E7D9F8	RGB 231 217 248	#E7D9F8
33.3%	33.3% #EADEF9	RGB 234 222 249	#EADEF9
50.0%	50.0% #EDE3FA	RGB 237 227 250	#EDE3FA
66.7%	66.7% #F0E8FB	RGB 240 232 251	#F0E8FB
83.3%	83.3% #F3EDFC	RGB 243 237 252	#F3EDFC
100.0%	100.0% #F7F2FD	RGB 247 242 253	#F7F2FD

#E4D4F8 #E7D9F8 #EADEF9 #EDE3FA #F0E8FB #F3EDFC #F7F2FD

#E4D4F8 - #F7F2FD

HSV Blend

#E4D4F8 - #F7F2FD | 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 #E4D4F8 as 0% and #F7F2FD as 100%.

0.0%	0.0% #E4D4F8	RGB 228 212 248	#E4D4F8
16.7%	16.7% #E7D8F8	RGB 231 216 248	#E7D8F8
33.3%	33.3% #EADDF9	RGB 234 221 249	#EADDF9
50.0%	50.0% #EDE2FA	RGB 237 226 250	#EDE2FA
66.7%	66.7% #F0E7FB	RGB 240 231 251	#F0E7FB
83.3%	83.3% #F3ECFC	RGB 243 236 252	#F3ECFC
100.0%	100.0% #F7F2FD	RGB 247 242 253	#F7F2FD

#E4D4F8 #E7D8F8 #EADDF9 #EDE2FA #F0E7FB #F3ECFC #F7F2FD

#E4D4F8 - #EDE2FA - #F7F2FD

CSS codes

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

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