#E9CDF2 - #FEFFE7 | 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 #E9CDF2 to #FEFFE7

#E9CDF2 #FEFFE7

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

#E9CDF2 - #FEFFE7 | 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 #E9CDF2 as 0% and #FEFFE7 as 100%.

0.0%	0.0% #E9CDF2	RGB 233 205 242	#E9CDF2
16.7%	16.7% #ECD5F0	RGB 236 213 240	#ECD5F0
33.3%	33.3% #F0DDEE	RGB 240 221 238	#F0DDEE
50.0%	50.0% #F3E6EC	RGB 243 230 236	#F3E6EC
66.7%	66.7% #F7EEEA	RGB 247 238 234	#F7EEEA
83.3%	83.3% #FAF6E8	RGB 250 246 232	#FAF6E8
100.0%	100.0% #FEFFE7	RGB 254 255 231	#FEFFE7

#E9CDF2 #ECD5F0 #F0DDEE #F3E6EC #F7EEEA #FAF6E8 #FEFFE7

#E9CDF2 - #FEFFE7

HSV Blend

#E9CDF2 - #FEFFE7 | 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 #E9CDF2 as 0% and #FEFFE7 as 100%.

0.0%	0.0% #E9CDF2	RGB 233 205 242	#E9CDF2
16.7%	16.7% #F4D1EF	RGB 244 209 239	#F4D1EF
33.3%	33.3% #F6D5E5	RGB 246 213 229	#F6D5E5
50.0%	50.0% #F8D9DC	RGB 248 217 220	#F8D9DC
66.7%	66.7% #FAE6DE	RGB 250 230 222	#FAE6DE
83.3%	83.3% #FCF3E2	RGB 252 243 226	#FCF3E2
100.0%	100.0% #FEFFE7	RGB 254 255 231	#FEFFE7

#E9CDF2 #F4D1EF #F6D5E5 #F8D9DC #FAE6DE #FCF3E2 #FEFFE7

#E9CDF2 - #F8D9DC - #FEFFE7

CSS codes

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

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