#E2D4FB - #F6F2FD | 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 #E2D4FB to #F6F2FD

#E2D4FB #F6F2FD

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

#E2D4FB - #F6F2FD | 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 #E2D4FB as 0% and #F6F2FD as 100%.

0.0%	0.0% #E2D4FB	RGB 226 212 251	#E2D4FB
16.7%	16.7% #E5D9FB	RGB 229 217 251	#E5D9FB
33.3%	33.3% #E8DEFB	RGB 232 222 251	#E8DEFB
50.0%	50.0% #ECE3FC	RGB 236 227 252	#ECE3FC
66.7%	66.7% #EFE8FC	RGB 239 232 252	#EFE8FC
83.3%	83.3% #F2EDFC	RGB 242 237 252	#F2EDFC
100.0%	100.0% #F6F2FD	RGB 246 242 253	#F6F2FD

#E2D4FB #E5D9FB #E8DEFB #ECE3FC #EFE8FC #F2EDFC #F6F2FD

#E2D4FB - #F6F2FD

HSV Blend

#E2D4FB - #F6F2FD | 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 #E2D4FB as 0% and #F6F2FD as 100%.

0.0%	0.0% #E2D4FB	RGB 226 212 251	#E2D4FB
16.7%	16.7% #E5D8FB	RGB 229 216 251	#E5D8FB
33.3%	33.3% #E8DDFB	RGB 232 221 251	#E8DDFB
50.0%	50.0% #EBE2FC	RGB 235 226 252	#EBE2FC
66.7%	66.7% #EFE7FC	RGB 239 231 252	#EFE7FC
83.3%	83.3% #F2ECFC	RGB 242 236 252	#F2ECFC
100.0%	100.0% #F6F2FD	RGB 246 242 253	#F6F2FD

#E2D4FB #E5D8FB #E8DDFB #EBE2FC #EFE7FC #F2ECFC #F6F2FD

#E2D4FB - #EBE2FC - #F6F2FD

CSS codes

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

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