#ECEAEA - #C5ACA1 | 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 #C5ACA1

#ECEAEA #C5ACA1

Calculate the color between two colors, #ECEAEA and #C5ACA1. 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 - #C5ACA1 | 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 #C5ACA1 as 100%.

0.0%	0.0% #ECEAEA	RGB 236 234 234	#ECEAEA
16.7%	16.7% #E5DFDD	RGB 229 223 221	#E5DFDD
33.3%	33.3% #DFD5D1	RGB 223 213 209	#DFD5D1
50.0%	50.0% #D8CBC5	RGB 216 203 197	#D8CBC5
66.7%	66.7% #D2C0B9	RGB 210 192 185	#D2C0B9
83.3%	83.3% #CBB6AD	RGB 203 182 173	#CBB6AD
100.0%	100.0% #C5ACA1	RGB 197 172 161	#C5ACA1

#ECEAEA #E5DFDD #DFD5D1 #D8CBC5 #D2C0B9 #CBB6AD #C5ACA1

#ECEAEA - #C5ACA1

HSV Blend

#ECEAEA - #C5ACA1 | 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 #C5ACA1 as 100%.

0.0%	0.0% #ECEAEA	RGB 236 234 234	#ECEAEA
16.7%	16.7% #E5DDDC	RGB 229 221 220	#E5DDDC
33.3%	33.3% #DFD1D0	RGB 223 209 208	#DFD1D0
50.0%	50.0% #D8C6C3	RGB 216 198 195	#D8C6C3
66.7%	66.7% #D2BDB7	RGB 210 189 183	#D2BDB7
83.3%	83.3% #CBB4AC	RGB 203 180 172	#CBB4AC
100.0%	100.0% #C5ACA1	RGB 197 172 161	#C5ACA1

#ECEAEA #E5DDDC #DFD1D0 #D8C6C3 #D2BDB7 #CBB4AC #C5ACA1

#ECEAEA - #D8C6C3 - #C5ACA1

CSS codes

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

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