#E7DAF9 - #FDEEF7 | 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 #E7DAF9 to #FDEEF7

#E7DAF9 #FDEEF7

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

#E7DAF9 - #FDEEF7 | 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 #E7DAF9 as 0% and #FDEEF7 as 100%.

0.0%	0.0% #E7DAF9	RGB 231 218 249	#E7DAF9
16.7%	16.7% #EADDF8	RGB 234 221 248	#EADDF8
33.3%	33.3% #EEE0F8	RGB 238 224 248	#EEE0F8
50.0%	50.0% #F2E4F8	RGB 242 228 248	#F2E4F8
66.7%	66.7% #F5E7F7	RGB 245 231 247	#F5E7F7
83.3%	83.3% #F9EAF7	RGB 249 234 247	#F9EAF7
100.0%	100.0% #FDEEF7	RGB 253 238 247	#FDEEF7

#E7DAF9 #EADDF8 #EEE0F8 #F2E4F8 #F5E7F7 #F9EAF7 #FDEEF7

#E7DAF9 - #FDEEF7

HSV Blend

#E7DAF9 - #FDEEF7 | 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 #E7DAF9 as 0% and #FDEEF7 as 100%.

0.0%	0.0% #E7DAF9	RGB 231 218 249	#E7DAF9
16.7%	16.7% #EDDDF9	RGB 237 221 249	#EDDDF9
33.3%	33.3% #F3E0FA	RGB 243 224 250	#F3E0FA
50.0%	50.0% #F8E3FB	RGB 248 227 251	#F8E3FB
66.7%	66.7% #FBE7FA	RGB 251 231 250	#FBE7FA
83.3%	83.3% #FCEAF8	RGB 252 234 248	#FCEAF8
100.0%	100.0% #FDEEF7	RGB 253 238 247	#FDEEF7

#E7DAF9 #EDDDF9 #F3E0FA #F8E3FB #FBE7FA #FCEAF8 #FDEEF7

#E7DAF9 - #F8E3FB - #FDEEF7

CSS codes

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

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