#E4D9F2 - #FFFAE8 | 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 #E4D9F2 to #FFFAE8

#E4D9F2 #FFFAE8

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

#E4D9F2 - #FFFAE8 | 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 #E4D9F2 as 0% and #FFFAE8 as 100%.

0.0%	0.0% #E4D9F2	RGB 228 217 242	#E4D9F2
16.7%	16.7% #E8DEF0	RGB 232 222 240	#E8DEF0
33.3%	33.3% #EDE4EE	RGB 237 228 238	#EDE4EE
50.0%	50.0% #F1E9ED	RGB 241 233 237	#F1E9ED
66.7%	66.7% #F6EFEB	RGB 246 239 235	#F6EFEB
83.3%	83.3% #FAF4E9	RGB 250 244 233	#FAF4E9
100.0%	100.0% #FFFAE8	RGB 255 250 232	#FFFAE8

#E4D9F2 #E8DEF0 #EDE4EE #F1E9ED #F6EFEB #FAF4E9 #FFFAE8

#E4D9F2 - #FFFAE8

HSV Blend

#E4D9F2 - #FFFAE8 | 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 #E4D9F2 as 0% and #FFFAE8 as 100%.

0.0%	0.0% #E4D9F2	RGB 228 217 242	#E4D9F2
16.7%	16.7% #EFDBF4	RGB 239 219 244	#EFDBF4
33.3%	33.3% #F6DDF0	RGB 246 221 240	#F6DDF0
50.0%	50.0% #F8E0E9	RGB 248 224 233	#F8E0E9
66.7%	66.7% #FAE3E2	RGB 250 227 226	#FAE3E2
83.3%	83.3% #FCEEE5	RGB 252 238 229	#FCEEE5
100.0%	100.0% #FFFAE8	RGB 255 250 232	#FFFAE8

#E4D9F2 #EFDBF4 #F6DDF0 #F8E0E9 #FAE3E2 #FCEEE5 #FFFAE8

#E4D9F2 - #F8E0E9 - #FFFAE8

CSS codes

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

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