#EDA7FF - #FDF2F9 | 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 #EDA7FF to #FDF2F9

#EDA7FF #FDF2F9

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

#EDA7FF - #FDF2F9 | 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 #EDA7FF as 0% and #FDF2F9 as 100%.

0.0%	0.0% #EDA7FF	RGB 237 167 255	#EDA7FF
16.7%	16.7% #EFB3FE	RGB 239 179 254	#EFB3FE
33.3%	33.3% #F2C0FD	RGB 242 192 253	#F2C0FD
50.0%	50.0% #F5CCFC	RGB 245 204 252	#F5CCFC
66.7%	66.7% #F7D9FB	RGB 247 217 251	#F7D9FB
83.3%	83.3% #FAE5FA	RGB 250 229 250	#FAE5FA
100.0%	100.0% #FDF2F9	RGB 253 242 249	#FDF2F9

#EDA7FF #EFB3FE #F2C0FD #F5CCFC #F7D9FB #FAE5FA #FDF2F9

#EDA7FF - #FDF2F9

HSV Blend

#EDA7FF - #FDF2F9 | 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 #EDA7FF as 0% and #FDF2F9 as 100%.

0.0%	0.0% #EDA7FF	RGB 237 167 255	#EDA7FF
16.7%	16.7% #F6B3FE	RGB 246 179 254	#F6B3FE
33.3%	33.3% #FDC0FE	RGB 253 192 254	#FDC0FE
50.0%	50.0% #FECCFA	RGB 254 204 250	#FECCFA
66.7%	66.7% #FDD9F7	RGB 253 217 247	#FDD9F7
83.3%	83.3% #FDE5F6	RGB 253 229 246	#FDE5F6
100.0%	100.0% #FDF2F9	RGB 253 242 249	#FDF2F9

#EDA7FF #F6B3FE #FDC0FE #FECCFA #FDD9F7 #FDE5F6 #FDF2F9

#EDA7FF - #FECCFA - #FDF2F9

CSS codes

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

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