#E4CED3 - #FFF5E3 | 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 #E4CED3 to #FFF5E3

#E4CED3 #FFF5E3

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

#E4CED3 - #FFF5E3 | 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 #E4CED3 as 0% and #FFF5E3 as 100%.

0.0%	0.0% #E4CED3	RGB 228 206 211	#E4CED3
16.7%	16.7% #E8D4D5	RGB 232 212 213	#E8D4D5
33.3%	33.3% #EDDBD8	RGB 237 219 216	#EDDBD8
50.0%	50.0% #F1E1DB	RGB 241 225 219	#F1E1DB
66.7%	66.7% #F6E8DD	RGB 246 232 221	#F6E8DD
83.3%	83.3% #FAEEE0	RGB 250 238 224	#FAEEE0
100.0%	100.0% #FFF5E3	RGB 255 245 227	#FFF5E3

#E4CED3 #E8D4D5 #EDDBD8 #F1E1DB #F6E8DD #FAEEE0 #FFF5E3

#E4CED3 - #FFF5E3

HSV Blend

#E4CED3 - #FFF5E3 | 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 #E4CED3 as 0% and #FFF5E3 as 100%.

0.0%	0.0% #E4CED3	RGB 228 206 211	#E4CED3
16.7%	16.7% #E8D1D3	RGB 232 209 211	#E8D1D3
33.3%	33.3% #EDD6D5	RGB 237 214 213	#EDD6D5
50.0%	50.0% #F1DDD8	RGB 241 221 216	#F1DDD8
66.7%	66.7% #F6E5DC	RGB 246 229 220	#F6E5DC
83.3%	83.3% #FAECDF	RGB 250 236 223	#FAECDF
100.0%	100.0% #FFF5E3	RGB 255 245 227	#FFF5E3

#E4CED3 #E8D1D3 #EDD6D5 #F1DDD8 #F6E5DC #FAECDF #FFF5E3

#E4CED3 - #F1DDD8 - #FFF5E3

CSS codes

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

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