#E6C2FC - #FFF8ED | 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 #E6C2FC to #FFF8ED

#E6C2FC #FFF8ED

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

#E6C2FC - #FFF8ED | 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 #E6C2FC as 0% and #FFF8ED as 100%.

0.0%	0.0% #E6C2FC	RGB 230 194 252	#E6C2FC
16.7%	16.7% #EACBF9	RGB 234 203 249	#EACBF9
33.3%	33.3% #EED4F7	RGB 238 212 247	#EED4F7
50.0%	50.0% #F2DDF4	RGB 242 221 244	#F2DDF4
66.7%	66.7% #F6E6F2	RGB 246 230 242	#F6E6F2
83.3%	83.3% #FAEFEF	RGB 250 239 239	#FAEFEF
100.0%	100.0% #FFF8ED	RGB 255 248 237	#FFF8ED

#E6C2FC #EACBF9 #EED4F7 #F2DDF4 #F6E6F2 #FAEFEF #FFF8ED

#E6C2FC - #FFF8ED

HSV Blend

#E6C2FC - #FFF8ED | 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 #E6C2FC as 0% and #FFF8ED as 100%.

0.0%	0.0% #E6C2FC	RGB 230 194 252	#E6C2FC
16.7%	16.7% #FAC9FC	RGB 250 201 252	#FAC9FC
33.3%	33.3% #FDD0F0	RGB 253 208 240	#FDD0F0
50.0%	50.0% #FDD7E6	RGB 253 215 230	#FDD7E6
66.7%	66.7% #FEDEE0	RGB 254 222 224	#FEDEE0
83.3%	83.3% #FEECE5	RGB 254 236 229	#FEECE5
100.0%	100.0% #FFF8ED	RGB 255 248 237	#FFF8ED

#E6C2FC #FAC9FC #FDD0F0 #FDD7E6 #FEDEE0 #FEECE5 #FFF8ED

#E6C2FC - #FDD7E6 - #FFF8ED

CSS codes

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

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