#EDE7FC - #DBE3F7 | 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 #EDE7FC to #DBE3F7

#EDE7FC #DBE3F7

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

#EDE7FC - #DBE3F7 | 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 #EDE7FC as 0% and #DBE3F7 as 100%.

0.0%	0.0% #EDE7FC	RGB 237 231 252	#EDE7FC
16.7%	16.7% #EAE6FB	RGB 234 230 251	#EAE6FB
33.3%	33.3% #E7E5FA	RGB 231 229 250	#E7E5FA
50.0%	50.0% #E4E5F9	RGB 228 229 249	#E4E5F9
66.7%	66.7% #E1E4F8	RGB 225 228 248	#E1E4F8
83.3%	83.3% #DEE3F7	RGB 222 227 247	#DEE3F7
100.0%	100.0% #DBE3F7	RGB 219 227 247	#DBE3F7

#EDE7FC #EAE6FB #E7E5FA #E4E5F9 #E1E4F8 #DEE3F7 #DBE3F7

#EDE7FC - #DBE3F7

HSV Blend

#EDE7FC - #DBE3F7 | 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 #EDE7FC as 0% and #DBE3F7 as 100%.

0.0%	0.0% #EDE7FC	RGB 237 231 252	#EDE7FC
16.7%	16.7% #E9E4FB	RGB 233 228 251	#E9E4FB
33.3%	33.3% #E5E2FA	RGB 229 226 250	#E5E2FA
50.0%	50.0% #E0E0F9	RGB 224 224 249	#E0E0F9
66.7%	66.7% #DEE1F8	RGB 222 225 248	#DEE1F8
83.3%	83.3% #DCE2F7	RGB 220 226 247	#DCE2F7
100.0%	100.0% #DBE3F7	RGB 219 227 247	#DBE3F7

#EDE7FC #E9E4FB #E5E2FA #E0E0F9 #DEE1F8 #DCE2F7 #DBE3F7

#EDE7FC - #E0E0F9 - #DBE3F7

CSS codes

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

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