#E2D9FC - #FCFFFC | 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 #E2D9FC to #FCFFFC

#E2D9FC #FCFFFC

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

#E2D9FC - #FCFFFC | 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 #E2D9FC as 0% and #FCFFFC as 100%.

0.0%	0.0% #E2D9FC	RGB 226 217 252	#E2D9FC
16.7%	16.7% #E6DFFC	RGB 230 223 252	#E6DFFC
33.3%	33.3% #EAE5FC	RGB 234 229 252	#EAE5FC
50.0%	50.0% #EFECFC	RGB 239 236 252	#EFECFC
66.7%	66.7% #F3F2FC	RGB 243 242 252	#F3F2FC
83.3%	83.3% #F7F8FC	RGB 247 248 252	#F7F8FC
100.0%	100.0% #FCFFFC	RGB 252 255 252	#FCFFFC

#E2D9FC #E6DFFC #EAE5FC #EFECFC #F3F2FC #F7F8FC #FCFFFC

#E2D9FC - #FCFFFC

HSV Blend

#E2D9FC - #FCFFFC | 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 #E2D9FC as 0% and #FCFFFC as 100%.

0.0%	0.0% #E2D9FC	RGB 226 217 252	#E2D9FC
16.7%	16.7% #DEE2FC	RGB 222 226 252	#DEE2FC
33.3%	33.3% #E4F0FD	RGB 228 240 253	#E4F0FD
50.0%	50.0% #EAFBFD	RGB 234 251 253	#EAFBFD
66.7%	66.7% #F0FEFA	RGB 240 254 250	#F0FEFA
83.3%	83.3% #F6FEF9	RGB 246 254 249	#F6FEF9
100.0%	100.0% #FCFFFC	RGB 252 255 252	#FCFFFC

#E2D9FC #DEE2FC #E4F0FD #EAFBFD #F0FEFA #F6FEF9 #FCFFFC

#E2D9FC - #EAFBFD - #FCFFFC

CSS codes

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

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