#A7A997 - #ECE0B3 | 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 #A7A997 to #ECE0B3

#A7A997 #ECE0B3

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

#A7A997 - #ECE0B3 | 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 #A7A997 as 0% and #ECE0B3 as 100%.

0.0%	0.0% #A7A997	RGB 167 169 151	#A7A997
16.7%	16.7% #B2B29B	RGB 178 178 155	#B2B29B
33.3%	33.3% #BEBBA0	RGB 190 187 160	#BEBBA0
50.0%	50.0% #C9C4A5	RGB 201 196 165	#C9C4A5
66.7%	66.7% #D5CDA9	RGB 213 205 169	#D5CDA9
83.3%	83.3% #E0D6AE	RGB 224 214 174	#E0D6AE
100.0%	100.0% #ECE0B3	RGB 236 224 179	#ECE0B3

#A7A997 #B2B29B #BEBBA0 #C9C4A5 #D5CDA9 #E0D6AE #ECE0B3

#A7A997 - #ECE0B3

HSV Blend

#A7A997 - #ECE0B3 | 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 #A7A997 as 0% and #ECE0B3 as 100%.

0.0%	0.0% #A7A997	RGB 167 169 151	#A7A997
16.7%	16.7% #B2B49C	RGB 178 180 156	#B2B49C
33.3%	33.3% #BFBFA2	RGB 191 191 162	#BFBFA2
50.0%	50.0% #CAC8A7	RGB 202 200 167	#CAC8A7
66.7%	66.7% #D5D1AB	RGB 213 209 171	#D5D1AB
83.3%	83.3% #E0D9AF	RGB 224 217 175	#E0D9AF
100.0%	100.0% #ECE0B3	RGB 236 224 179	#ECE0B3

#A7A997 #B2B49C #BFBFA2 #CAC8A7 #D5D1AB #E0D9AF #ECE0B3

#A7A997 - #CAC8A7 - #ECE0B3

CSS codes

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

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