#ECEAEA - #DBACA2 | 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 #ECEAEA to #DBACA2

#ECEAEA #DBACA2

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

#ECEAEA - #DBACA2 | 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 #ECEAEA as 0% and #DBACA2 as 100%.

0.0%	0.0% #ECEAEA	RGB 236 234 234	#ECEAEA
16.7%	16.7% #E9DFDE	RGB 233 223 222	#E9DFDE
33.3%	33.3% #E6D5D2	RGB 230 213 210	#E6D5D2
50.0%	50.0% #E3CBC6	RGB 227 203 198	#E3CBC6
66.7%	66.7% #E0C0BA	RGB 224 192 186	#E0C0BA
83.3%	83.3% #DDB6AE	RGB 221 182 174	#DDB6AE
100.0%	100.0% #DBACA2	RGB 219 172 162	#DBACA2

#ECEAEA #E9DFDE #E6D5D2 #E3CBC6 #E0C0BA #DDB6AE #DBACA2

#ECEAEA - #DBACA2

HSV Blend

#ECEAEA - #DBACA2 | 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 #ECEAEA as 0% and #DBACA2 as 100%.

0.0%	0.0% #ECEAEA	RGB 236 234 234	#ECEAEA
16.7%	16.7% #E9DDDD	RGB 233 221 221	#E9DDDD
33.3%	33.3% #E6D2D1	RGB 230 210 209	#E6D2D1
50.0%	50.0% #E3C7C4	RGB 227 199 196	#E3C7C4
66.7%	66.7% #E0BDB9	RGB 224 189 185	#E0BDB9
83.3%	83.3% #DDB4AD	RGB 221 180 173	#DDB4AD
100.0%	100.0% #DBACA2	RGB 219 172 162	#DBACA2

#ECEAEA #E9DDDD #E6D2D1 #E3C7C4 #E0BDB9 #DDB4AD #DBACA2

#ECEAEA - #E3C7C4 - #DBACA2

CSS codes

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

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