#A6BAA6 - #ECE2B1 | 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 #A6BAA6 to #ECE2B1

#A6BAA6 #ECE2B1

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

#A6BAA6 - #ECE2B1 | 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 #A6BAA6 as 0% and #ECE2B1 as 100%.

0.0%	0.0% #A6BAA6	RGB 166 186 166	#A6BAA6
16.7%	16.7% #B1C0A7	RGB 177 192 167	#B1C0A7
33.3%	33.3% #BDC7A9	RGB 189 199 169	#BDC7A9
50.0%	50.0% #C9CEAB	RGB 201 206 171	#C9CEAB
66.7%	66.7% #D4D4AD	RGB 212 212 173	#D4D4AD
83.3%	83.3% #E0DBAF	RGB 224 219 175	#E0DBAF
100.0%	100.0% #ECE2B1	RGB 236 226 177	#ECE2B1

#A6BAA6 #B1C0A7 #BDC7A9 #C9CEAB #D4D4AD #E0DBAF #ECE2B1

#A6BAA6 - #ECE2B1

HSV Blend

#A6BAA6 - #ECE2B1 | 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 #A6BAA6 as 0% and #ECE2B1 as 100%.

0.0%	0.0% #A6BAA6	RGB 166 186 166	#A6BAA6
16.7%	16.7% #ADC2A8	RGB 173 194 168	#ADC2A8
33.3%	33.3% #B7CAAB	RGB 183 202 171	#B7CAAB
50.0%	50.0% #C3D3AD	RGB 195 211 173	#C3D3AD
66.7%	66.7% #D1DBAE	RGB 209 219 174	#D1DBAE
83.3%	83.3% #E2E3B0	RGB 226 227 176	#E2E3B0
100.0%	100.0% #ECE2B1	RGB 236 226 177	#ECE2B1

#A6BAA6 #ADC2A8 #B7CAAB #C3D3AD #D1DBAE #E2E3B0 #ECE2B1

#A6BAA6 - #C3D3AD - #ECE2B1

CSS codes

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

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