#EDC7FC - #D7DBE7 | 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 #EDC7FC to #D7DBE7

#EDC7FC #D7DBE7

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

#EDC7FC - #D7DBE7 | 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 #EDC7FC as 0% and #D7DBE7 as 100%.

0.0%	0.0% #EDC7FC	RGB 237 199 252	#EDC7FC
16.7%	16.7% #E9CAF8	RGB 233 202 248	#E9CAF8
33.3%	33.3% #E5CDF5	RGB 229 205 245	#E5CDF5
50.0%	50.0% #E2D1F1	RGB 226 209 241	#E2D1F1
66.7%	66.7% #DED4EE	RGB 222 212 238	#DED4EE
83.3%	83.3% #DAD7EA	RGB 218 215 234	#DAD7EA
100.0%	100.0% #D7DBE7	RGB 215 219 231	#D7DBE7

#EDC7FC #E9CAF8 #E5CDF5 #E2D1F1 #DED4EE #DAD7EA #D7DBE7

#EDC7FC - #D7DBE7

HSV Blend

#EDC7FC - #D7DBE7 | 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 #EDC7FC as 0% and #D7DBE7 as 100%.

0.0%	0.0% #EDC7FC	RGB 237 199 252	#EDC7FC
16.7%	16.7% #E3CAF8	RGB 227 202 248	#E3CAF8
33.3%	33.3% #DCCCF5	RGB 220 204 245	#DCCCF5
50.0%	50.0% #D7CFF1	RGB 215 207 241	#D7CFF1
66.7%	66.7% #D4D2EE	RGB 212 210 238	#D4D2EE
83.3%	83.3% #D4D6EA	RGB 212 214 234	#D4D6EA
100.0%	100.0% #D7DBE7	RGB 215 219 231	#D7DBE7

#EDC7FC #E3CAF8 #DCCCF5 #D7CFF1 #D4D2EE #D4D6EA #D7DBE7

#EDC7FC - #D7CFF1 - #D7DBE7

CSS codes

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

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