#EAC2D3 - #FEF6E8 | 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 #EAC2D3 to #FEF6E8

#EAC2D3 #FEF6E8

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

#EAC2D3 - #FEF6E8 | 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 #EAC2D3 as 0% and #FEF6E8 as 100%.

0.0%	0.0% #EAC2D3	RGB 234 194 211	#EAC2D3
16.7%	16.7% #EDCAD6	RGB 237 202 214	#EDCAD6
33.3%	33.3% #F0D3DA	RGB 240 211 218	#F0D3DA
50.0%	50.0% #F4DCDD	RGB 244 220 221	#F4DCDD
66.7%	66.7% #F7E4E1	RGB 247 228 225	#F7E4E1
83.3%	83.3% #FAEDE4	RGB 250 237 228	#FAEDE4
100.0%	100.0% #FEF6E8	RGB 254 246 232	#FEF6E8

#EAC2D3 #EDCAD6 #F0D3DA #F4DCDD #F7E4E1 #FAEDE4 #FEF6E8

#EAC2D3 - #FEF6E8

HSV Blend

#EAC2D3 - #FEF6E8 | 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 #EAC2D3 as 0% and #FEF6E8 as 100%.

0.0%	0.0% #EAC2D3	RGB 234 194 211	#EAC2D3
16.7%	16.7% #EDC8D1	RGB 237 200 209	#EDC8D1
33.3%	33.3% #F0CED0	RGB 240 206 208	#F0CED0
50.0%	50.0% #F4D7D4	RGB 244 215 212	#F4D7D4
66.7%	66.7% #F7E2DA	RGB 247 226 218	#F7E2DA
83.3%	83.3% #FAEDE1	RGB 250 237 225	#FAEDE1
100.0%	100.0% #FEF6E8	RGB 254 246 232	#FEF6E8

#EAC2D3 #EDC8D1 #F0CED0 #F4D7D4 #F7E2DA #FAEDE1 #FEF6E8

#EAC2D3 - #F4D7D4 - #FEF6E8

CSS codes

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

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