#AAAF60 - #E6E8D1 | 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 #AAAF60 to #E6E8D1

#AAAF60 #E6E8D1

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

#AAAF60 - #E6E8D1 | 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 #AAAF60 as 0% and #E6E8D1 as 100%.

0.0%	0.0% #AAAF60	RGB 170 175 96	#AAAF60
16.7%	16.7% #B4B872	RGB 180 184 114	#B4B872
33.3%	33.3% #BEC285	RGB 190 194 133	#BEC285
50.0%	50.0% #C8CB98	RGB 200 203 152	#C8CB98
66.7%	66.7% #D2D5AB	RGB 210 213 171	#D2D5AB
83.3%	83.3% #DCDEBE	RGB 220 222 190	#DCDEBE
100.0%	100.0% #E6E8D1	RGB 230 232 209	#E6E8D1

#AAAF60 #B4B872 #BEC285 #C8CB98 #D2D5AB #DCDEBE #E6E8D1

#AAAF60 - #E6E8D1

HSV Blend

#AAAF60 - #E6E8D1 | 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 #AAAF60 as 0% and #E6E8D1 as 100%.

0.0%	0.0% #AAAF60	RGB 170 175 96	#AAAF60
16.7%	16.7% #B3B870	RGB 179 184 112	#B3B870
33.3%	33.3% #BDC281	RGB 189 194 129	#BDC281
50.0%	50.0% #C7CB93	RGB 199 203 147	#C7CB93
66.7%	66.7% #D1D5A6	RGB 209 213 166	#D1D5A6
83.3%	83.3% #DBDEBB	RGB 219 222 187	#DBDEBB
100.0%	100.0% #E6E8D1	RGB 230 232 209	#E6E8D1

#AAAF60 #B3B870 #BDC281 #C7CB93 #D1D5A6 #DBDEBB #E6E8D1

#AAAF60 - #C7CB93 - #E6E8D1

CSS codes

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

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