#AAAD99 - #EEE2B4 | 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 #AAAD99 to #EEE2B4

#AAAD99 #EEE2B4

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

#AAAD99 - #EEE2B4 | 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 #AAAD99 as 0% and #EEE2B4 as 100%.

0.0%	0.0% #AAAD99	RGB 170 173 153	#AAAD99
16.7%	16.7% #B5B59D	RGB 181 181 157	#B5B59D
33.3%	33.3% #C0BEA2	RGB 192 190 162	#C0BEA2
50.0%	50.0% #CCC7A6	RGB 204 199 166	#CCC7A6
66.7%	66.7% #D7D0AB	RGB 215 208 171	#D7D0AB
83.3%	83.3% #E2D9AF	RGB 226 217 175	#E2D9AF
100.0%	100.0% #EEE2B4	RGB 238 226 180	#EEE2B4

#AAAD99 #B5B59D #C0BEA2 #CCC7A6 #D7D0AB #E2D9AF #EEE2B4

#AAAD99 - #EEE2B4

HSV Blend

#AAAD99 - #EEE2B4 | 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 #AAAD99 as 0% and #EEE2B4 as 100%.

0.0%	0.0% #AAAD99	RGB 170 173 153	#AAAD99
16.7%	16.7% #B5B79E	RGB 181 183 158	#B5B79E
33.3%	33.3% #C1C2A3	RGB 193 194 163	#C1C2A3
50.0%	50.0% #CDCCA8	RGB 205 204 168	#CDCCA8
66.7%	66.7% #D8D4AC	RGB 216 212 172	#D8D4AC
83.3%	83.3% #E3DBB0	RGB 227 219 176	#E3DBB0
100.0%	100.0% #EEE2B4	RGB 238 226 180	#EEE2B4

#AAAD99 #B5B79E #C1C2A3 #CDCCA8 #D8D4AC #E3DBB0 #EEE2B4

#AAAD99 - #CDCCA8 - #EEE2B4

CSS codes

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

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