#AAAC9F - #EBE2B9 | 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 #AAAC9F to #EBE2B9

#AAAC9F #EBE2B9

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

#AAAC9F - #EBE2B9 | 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 #AAAC9F as 0% and #EBE2B9 as 100%.

0.0%	0.0% #AAAC9F	RGB 170 172 159	#AAAC9F
16.7%	16.7% #B4B5A3	RGB 180 181 163	#B4B5A3
33.3%	33.3% #BFBEA7	RGB 191 190 167	#BFBEA7
50.0%	50.0% #CAC7AC	RGB 202 199 172	#CAC7AC
66.7%	66.7% #D5D0B0	RGB 213 208 176	#D5D0B0
83.3%	83.3% #E0D9B4	RGB 224 217 180	#E0D9B4
100.0%	100.0% #EBE2B9	RGB 235 226 185	#EBE2B9

#AAAC9F #B4B5A3 #BFBEA7 #CAC7AC #D5D0B0 #E0D9B4 #EBE2B9

#AAAC9F - #EBE2B9

HSV Blend

#AAAC9F - #EBE2B9 | 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 #AAAC9F as 0% and #EBE2B9 as 100%.

0.0%	0.0% #AAAC9F	RGB 170 172 159	#AAAC9F
16.7%	16.7% #B4B6A4	RGB 180 182 164	#B4B6A4
33.3%	33.3% #C0C1A9	RGB 192 193 169	#C0C1A9
50.0%	50.0% #CBCBAE	RGB 203 203 174	#CBCBAE
66.7%	66.7% #D6D3B2	RGB 214 211 178	#D6D3B2
83.3%	83.3% #E0DBB5	RGB 224 219 181	#E0DBB5
100.0%	100.0% #EBE2B9	RGB 235 226 185	#EBE2B9

#AAAC9F #B4B6A4 #C0C1A9 #CBCBAE #D6D3B2 #E0DBB5 #EBE2B9

#AAAC9F - #CBCBAE - #EBE2B9

CSS codes

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

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