#ECA8C0 - #FAEFDA | 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 #ECA8C0 to #FAEFDA

#ECA8C0 #FAEFDA

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

#ECA8C0 - #FAEFDA | 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 #ECA8C0 as 0% and #FAEFDA as 100%.

0.0%	0.0% #ECA8C0	RGB 236 168 192	#ECA8C0
16.7%	16.7% #EEB3C4	RGB 238 179 196	#EEB3C4
33.3%	33.3% #F0BFC8	RGB 240 191 200	#F0BFC8
50.0%	50.0% #F3CBCD	RGB 243 203 205	#F3CBCD
66.7%	66.7% #F5D7D1	RGB 245 215 209	#F5D7D1
83.3%	83.3% #F7E3D5	RGB 247 227 213	#F7E3D5
100.0%	100.0% #FAEFDA	RGB 250 239 218	#FAEFDA

#ECA8C0 #EEB3C4 #F0BFC8 #F3CBCD #F5D7D1 #F7E3D5 #FAEFDA

#ECA8C0 - #FAEFDA

HSV Blend

#ECA8C0 - #FAEFDA | 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 #ECA8C0 as 0% and #FAEFDA as 100%.

0.0%	0.0% #ECA8C0	RGB 236 168 192	#ECA8C0
16.7%	16.7% #EEB0BB	RGB 238 176 187	#EEB0BB
33.3%	33.3% #F0B8B9	RGB 240 184 185	#F0B8B9
50.0%	50.0% #F3C8C0	RGB 243 200 192	#F3C8C0
66.7%	66.7% #F5D7C8	RGB 245 215 200	#F5D7C8
83.3%	83.3% #F7E4D1	RGB 247 228 209	#F7E4D1
100.0%	100.0% #FAEFDA	RGB 250 239 218	#FAEFDA

#ECA8C0 #EEB0BB #F0B8B9 #F3C8C0 #F5D7C8 #F7E4D1 #FAEFDA

#ECA8C0 - #F3C8C0 - #FAEFDA

CSS codes

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

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