#EDC7D9 - #FAE6E5 | 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 #EDC7D9 to #FAE6E5

#EDC7D9 #FAE6E5

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

#EDC7D9 - #FAE6E5 | 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 #EDC7D9 as 0% and #FAE6E5 as 100%.

0.0%	0.0% #EDC7D9	RGB 237 199 217	#EDC7D9
16.7%	16.7% #EFCCDB	RGB 239 204 219	#EFCCDB
33.3%	33.3% #F1D1DD	RGB 241 209 221	#F1D1DD
50.0%	50.0% #F3D6DF	RGB 243 214 223	#F3D6DF
66.7%	66.7% #F5DBE1	RGB 245 219 225	#F5DBE1
83.3%	83.3% #F7E0E3	RGB 247 224 227	#F7E0E3
100.0%	100.0% #FAE6E5	RGB 250 230 229	#FAE6E5

#EDC7D9 #EFCCDB #F1D1DD #F3D6DF #F5DBE1 #F7E0E3 #FAE6E5

#EDC7D9 - #FAE6E5

HSV Blend

#EDC7D9 - #FAE6E5 | 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 #EDC7D9 as 0% and #FAE6E5 as 100%.

0.0%	0.0% #EDC7D9	RGB 237 199 217	#EDC7D9
16.7%	16.7% #EFCBD9	RGB 239 203 217	#EFCBD9
33.3%	33.3% #F1D0DA	RGB 241 208 218	#F1D0DA
50.0%	50.0% #F3D5DC	RGB 243 213 220	#F3D5DC
66.7%	66.7% #F5DADE	RGB 245 218 222	#F5DADE
83.3%	83.3% #F7DFE0	RGB 247 223 224	#F7DFE0
100.0%	100.0% #FAE6E5	RGB 250 230 229	#FAE6E5

#EDC7D9 #EFCBD9 #F1D0DA #F3D5DC #F5DADE #F7DFE0 #FAE6E5

#EDC7D9 - #F3D5DC - #FAE6E5

CSS codes

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

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