#AAA882 - #E6E6DB | 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 #AAA882 to #E6E6DB

#AAA882 #E6E6DB

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

#AAA882 - #E6E6DB | 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 #AAA882 as 0% and #E6E6DB as 100%.

0.0%	0.0% #AAA882	RGB 170 168 130	#AAA882
16.7%	16.7% #B4B290	RGB 180 178 144	#B4B290
33.3%	33.3% #BEBC9F	RGB 190 188 159	#BEBC9F
50.0%	50.0% #C8C7AE	RGB 200 199 174	#C8C7AE
66.7%	66.7% #D2D1BD	RGB 210 209 189	#D2D1BD
83.3%	83.3% #DCDBCC	RGB 220 219 204	#DCDBCC
100.0%	100.0% #E6E6DB	RGB 230 230 219	#E6E6DB

#AAA882 #B4B290 #BEBC9F #C8C7AE #D2D1BD #DCDBCC #E6E6DB

#AAA882 - #E6E6DB

HSV Blend

#AAA882 - #E6E6DB | 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 #AAA882 as 0% and #E6E6DB as 100%.

0.0%	0.0% #AAA882	RGB 170 168 130	#AAA882
16.7%	16.7% #B4B28F	RGB 180 178 143	#B4B28F
33.3%	33.3% #BEBC9D	RGB 190 188 157	#BEBC9D
50.0%	50.0% #C8C7AB	RGB 200 199 171	#C8C7AB
66.7%	66.7% #D2D1BA	RGB 210 209 186	#D2D1BA
83.3%	83.3% #DCDBCA	RGB 220 219 202	#DCDBCA
100.0%	100.0% #E6E6DB	RGB 230 230 219	#E6E6DB

#AAA882 #B4B28F #BEBC9D #C8C7AB #D2D1BA #DCDBCA #E6E6DB

#AAA882 - #C8C7AB - #E6E6DB

CSS codes

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

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