#E8D9F2 - #F6EDF0 | 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 #E8D9F2 to #F6EDF0

#E8D9F2 #F6EDF0

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

#E8D9F2 - #F6EDF0 | 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 #E8D9F2 as 0% and #F6EDF0 as 100%.

0.0%	0.0% #E8D9F2	RGB 232 217 242	#E8D9F2
16.7%	16.7% #EADCF1	RGB 234 220 241	#EADCF1
33.3%	33.3% #ECDFF1	RGB 236 223 241	#ECDFF1
50.0%	50.0% #EFE3F1	RGB 239 227 241	#EFE3F1
66.7%	66.7% #F1E6F0	RGB 241 230 240	#F1E6F0
83.3%	83.3% #F3E9F0	RGB 243 233 240	#F3E9F0
100.0%	100.0% #F6EDF0	RGB 246 237 240	#F6EDF0

#E8D9F2 #EADCF1 #ECDFF1 #EFE3F1 #F1E6F0 #F3E9F0 #F6EDF0

#E8D9F2 - #F6EDF0

HSV Blend

#E8D9F2 - #F6EDF0 | 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 #E8D9F2 as 0% and #F6EDF0 as 100%.

0.0%	0.0% #E8D9F2	RGB 232 217 242	#E8D9F2
16.7%	16.7% #EDDCF2	RGB 237 220 242	#EDDCF2
33.3%	33.3% #F2DFF3	RGB 242 223 243	#F2DFF3
50.0%	50.0% #F4E2F1	RGB 244 226 241	#F4E2F1
66.7%	66.7% #F4E6F0	RGB 244 230 240	#F4E6F0
83.3%	83.3% #F5E9EF	RGB 245 233 239	#F5E9EF
100.0%	100.0% #F6EDF0	RGB 246 237 240	#F6EDF0

#E8D9F2 #EDDCF2 #F2DFF3 #F4E2F1 #F4E6F0 #F5E9EF #F6EDF0

#E8D9F2 - #F4E2F1 - #F6EDF0

CSS codes

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

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