#ECDDD2 - #FEFAE9 | 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 #ECDDD2 to #FEFAE9

#ECDDD2 #FEFAE9

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

#ECDDD2 - #FEFAE9 | 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 #ECDDD2 as 0% and #FEFAE9 as 100%.

0.0%	0.0% #ECDDD2	RGB 236 221 210	#ECDDD2
16.7%	16.7% #EFE1D5	RGB 239 225 213	#EFE1D5
33.3%	33.3% #F2E6D9	RGB 242 230 217	#F2E6D9
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% #FEFAE9	RGB 254 250 233	#FEFAE9

#ECDDD2 #EFE1D5 #F2E6D9 #F5EBDD #F8F0E1 #FBF5E5 #FEFAE9

#ECDDD2 - #FEFAE9

HSV Blend

#ECDDD2 - #FEFAE9 | 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 #ECDDD2 as 0% and #FEFAE9 as 100%.

0.0%	0.0% #ECDDD2	RGB 236 221 210	#ECDDD2
16.7%	16.7% #EFE2D5	RGB 239 226 213	#EFE2D5
33.3%	33.3% #F2E7D9	RGB 242 231 217	#F2E7D9
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% #FEFAE9	RGB 254 250 233	#FEFAE9

#ECDDD2 #EFE2D5 #F2E7D9 #F5EBDD #F8F0E1 #FBF5E5 #FEFAE9

#ECDDD2 - #F5EBDD - #FEFAE9

CSS codes

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

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