#EFD2FF - #E6DCF5 | 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 #EFD2FF to #E6DCF5

#EFD2FF #E6DCF5

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

#EFD2FF - #E6DCF5 | 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 #EFD2FF as 0% and #E6DCF5 as 100%.

0.0%	0.0% #EFD2FF	RGB 239 210 255	#EFD2FF
16.7%	16.7% #EDD3FD	RGB 237 211 253	#EDD3FD
33.3%	33.3% #ECD5FB	RGB 236 213 251	#ECD5FB
50.0%	50.0% #EAD7FA	RGB 234 215 250	#EAD7FA
66.7%	66.7% #E9D8F8	RGB 233 216 248	#E9D8F8
83.3%	83.3% #E7DAF6	RGB 231 218 246	#E7DAF6
100.0%	100.0% #E6DCF5	RGB 230 220 245	#E6DCF5

#EFD2FF #EDD3FD #ECD5FB #EAD7FA #E9D8F8 #E7DAF6 #E6DCF5

#EFD2FF - #E6DCF5

HSV Blend

#EFD2FF - #E6DCF5 | 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 #EFD2FF as 0% and #E6DCF5 as 100%.

0.0%	0.0% #EFD2FF	RGB 239 210 255	#EFD2FF
16.7%	16.7% #ECD3FD	RGB 236 211 253	#ECD3FD
33.3%	33.3% #EAD5FB	RGB 234 213 251	#EAD5FB
50.0%	50.0% #E9D7FA	RGB 233 215 250	#E9D7FA
66.7%	66.7% #E7D8F8	RGB 231 216 248	#E7D8F8
83.3%	83.3% #E6DAF6	RGB 230 218 246	#E6DAF6
100.0%	100.0% #E6DCF5	RGB 230 220 245	#E6DCF5

#EFD2FF #ECD3FD #EAD5FB #E9D7FA #E7D8F8 #E6DAF6 #E6DCF5

#EFD2FF - #E9D7FA - #E6DCF5

CSS codes

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

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