#EDC7E9 - #FDFEFF | 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 #EDC7E9 to #FDFEFF

#EDC7E9 #FDFEFF

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

#EDC7E9 - #FDFEFF | 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 #EDC7E9 as 0% and #FDFEFF as 100%.

0.0%	0.0% #EDC7E9	RGB 237 199 233	#EDC7E9
16.7%	16.7% #EFD0EC	RGB 239 208 236	#EFD0EC
33.3%	33.3% #F2D9F0	RGB 242 217 240	#F2D9F0
50.0%	50.0% #F5E2F4	RGB 245 226 244	#F5E2F4
66.7%	66.7% #F7EBF7	RGB 247 235 247	#F7EBF7
83.3%	83.3% #FAF4FB	RGB 250 244 251	#FAF4FB
100.0%	100.0% #FDFEFF	RGB 253 254 255	#FDFEFF

#EDC7E9 #EFD0EC #F2D9F0 #F5E2F4 #F7EBF7 #FAF4FB #FDFEFF

#EDC7E9 - #FDFEFF

HSV Blend

#EDC7E9 - #FDFEFF | 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 #EDC7E9 as 0% and #FDFEFF as 100%.

0.0%	0.0% #EDC7E9	RGB 237 199 233	#EDC7E9
16.7%	16.7% #EACFF0	RGB 234 207 240	#EACFF0
33.3%	33.3% #E7D8F3	RGB 231 216 243	#E7D8F3
50.0%	50.0% #E7E1F6	RGB 231 225 246	#E7E1F6
66.7%	66.7% #EAEAF9	RGB 234 234 249	#EAEAF9
83.3%	83.3% #F3F5FC	RGB 243 245 252	#F3F5FC
100.0%	100.0% #FDFEFF	RGB 253 254 255	#FDFEFF

#EDC7E9 #EACFF0 #E7D8F3 #E7E1F6 #EAEAF9 #F3F5FC #FDFEFF

#EDC7E9 - #E7E1F6 - #FDFEFF

CSS codes

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

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