#ECDBD1 - #FEFAEA | 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 #ECDBD1 to #FEFAEA

#ECDBD1 #FEFAEA

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

#ECDBD1 - #FEFAEA | 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 #ECDBD1 as 0% and #FEFAEA as 100%.

0.0%	0.0% #ECDBD1	RGB 236 219 209	#ECDBD1
16.7%	16.7% #EFE0D5	RGB 239 224 213	#EFE0D5
33.3%	33.3% #F2E5D9	RGB 242 229 217	#F2E5D9
50.0%	50.0% #F5EADD	RGB 245 234 221	#F5EADD
66.7%	66.7% #F8EFE1	RGB 248 239 225	#F8EFE1
83.3%	83.3% #FBF4E5	RGB 251 244 229	#FBF4E5
100.0%	100.0% #FEFAEA	RGB 254 250 234	#FEFAEA

#ECDBD1 #EFE0D5 #F2E5D9 #F5EADD #F8EFE1 #FBF4E5 #FEFAEA

#ECDBD1 - #FEFAEA

HSV Blend

#ECDBD1 - #FEFAEA | 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 #ECDBD1 as 0% and #FEFAEA as 100%.

0.0%	0.0% #ECDBD1	RGB 236 219 209	#ECDBD1
16.7%	16.7% #EFE0D5	RGB 239 224 213	#EFE0D5
33.3%	33.3% #F2E5D9	RGB 242 229 217	#F2E5D9
50.0%	50.0% #F5EBDD	RGB 245 235 221	#F5EBDD
66.7%	66.7% #F8F0E1	RGB 248 240 225	#F8F0E1
83.3%	83.3% #FBF5E5	RGB 251 245 229	#FBF5E5
100.0%	100.0% #FEFAEA	RGB 254 250 234	#FEFAEA

#ECDBD1 #EFE0D5 #F2E5D9 #F5EBDD #F8F0E1 #FBF5E5 #FEFAEA

#ECDBD1 - #F5EBDD - #FEFAEA

CSS codes

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

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