#EACFD2 - #FFF6E2 | 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 #EACFD2 to #FFF6E2

#EACFD2 #FFF6E2

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

#EACFD2 - #FFF6E2 | 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 #EACFD2 as 0% and #FFF6E2 as 100%.

0.0%	0.0% #EACFD2	RGB 234 207 210	#EACFD2
16.7%	16.7% #EDD5D4	RGB 237 213 212	#EDD5D4
33.3%	33.3% #F1DCD7	RGB 241 220 215	#F1DCD7
50.0%	50.0% #F4E2DA	RGB 244 226 218	#F4E2DA
66.7%	66.7% #F8E9DC	RGB 248 233 220	#F8E9DC
83.3%	83.3% #FBEFDF	RGB 251 239 223	#FBEFDF
100.0%	100.0% #FFF6E2	RGB 255 246 226	#FFF6E2

#EACFD2 #EDD5D4 #F1DCD7 #F4E2DA #F8E9DC #FBEFDF #FFF6E2

#EACFD2 - #FFF6E2

HSV Blend

#EACFD2 - #FFF6E2 | 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 #EACFD2 as 0% and #FFF6E2 as 100%.

0.0%	0.0% #EACFD2	RGB 234 207 210	#EACFD2
16.7%	16.7% #EDD2D2	RGB 237 210 210	#EDD2D2
33.3%	33.3% #F1D9D5	RGB 241 217 213	#F1D9D5
50.0%	50.0% #F4E0D8	RGB 244 224 216	#F4E0D8
66.7%	66.7% #F8E7DB	RGB 248 231 219	#F8E7DB
83.3%	83.3% #FBEEDE	RGB 251 238 222	#FBEEDE
100.0%	100.0% #FFF6E2	RGB 255 246 226	#FFF6E2

#EACFD2 #EDD2D2 #F1D9D5 #F4E0D8 #F8E7DB #FBEEDE #FFF6E2

#EACFD2 - #F4E0D8 - #FFF6E2

CSS codes

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

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