#E4C0EC - #FDF0F0 | 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 #E4C0EC to #FDF0F0

#E4C0EC #FDF0F0

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

#E4C0EC - #FDF0F0 | 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 #E4C0EC as 0% and #FDF0F0 as 100%.

0.0%	0.0% #E4C0EC	RGB 228 192 236	#E4C0EC
16.7%	16.7% #E8C8EC	RGB 232 200 236	#E8C8EC
33.3%	33.3% #ECD0ED	RGB 236 208 237	#ECD0ED
50.0%	50.0% #F0D8EE	RGB 240 216 238	#F0D8EE
66.7%	66.7% #F4E0EE	RGB 244 224 238	#F4E0EE
83.3%	83.3% #F8E8EF	RGB 248 232 239	#F8E8EF
100.0%	100.0% #FDF0F0	RGB 253 240 240	#FDF0F0

#E4C0EC #E8C8EC #ECD0ED #F0D8EE #F4E0EE #F8E8EF #FDF0F0

#E4C0EC - #FDF0F0

HSV Blend

#E4C0EC - #FDF0F0 | 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 #E4C0EC as 0% and #FDF0F0 as 100%.

0.0%	0.0% #E4C0EC	RGB 228 192 236	#E4C0EC
16.7%	16.7% #EEC7EE	RGB 238 199 238	#EEC7EE
33.3%	33.3% #F1CFEA	RGB 241 207 234	#F1CFEA
50.0%	50.0% #F4D7E8	RGB 244 215 232	#F4D7E8
66.7%	66.7% #F7DFE8	RGB 247 223 232	#F7DFE8
83.3%	83.3% #FAE7EB	RGB 250 231 235	#FAE7EB
100.0%	100.0% #FDF0F0	RGB 253 240 240	#FDF0F0

#E4C0EC #EEC7EE #F1CFEA #F4D7E8 #F7DFE8 #FAE7EB #FDF0F0

#E4C0EC - #F4D7E8 - #FDF0F0

CSS codes

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

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