#AAAD68 - #FAE18E | 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 #AAAD68 to #FAE18E

#AAAD68 #FAE18E

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

#AAAD68 - #FAE18E | 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 #AAAD68 as 0% and #FAE18E as 100%.

0.0%	0.0% #AAAD68	RGB 170 173 104	#AAAD68
16.7%	16.7% #B7B56E	RGB 183 181 110	#B7B56E
33.3%	33.3% #C4BE74	RGB 196 190 116	#C4BE74
50.0%	50.0% #D2C77B	RGB 210 199 123	#D2C77B
66.7%	66.7% #DFCF81	RGB 223 207 129	#DFCF81
83.3%	83.3% #ECD887	RGB 236 216 135	#ECD887
100.0%	100.0% #FAE18E	RGB 250 225 142	#FAE18E

#AAAD68 #B7B56E #C4BE74 #D2C77B #DFCF81 #ECD887 #FAE18E

#AAAD68 - #FAE18E

HSV Blend

#AAAD68 - #FAE18E | 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 #AAAD68 as 0% and #FAE18E as 100%.

0.0%	0.0% #AAAD68	RGB 170 173 104	#AAAD68
16.7%	16.7% #B9B96E	RGB 185 185 110	#B9B96E
33.3%	33.3% #C6C275	RGB 198 194 117	#C6C275
50.0%	50.0% #D3CB7B	RGB 211 203 123	#D3CB7B
66.7%	66.7% #E0D381	RGB 224 211 129	#E0D381
83.3%	83.3% #EDDA88	RGB 237 218 136	#EDDA88
100.0%	100.0% #FAE18E	RGB 250 225 142	#FAE18E

#AAAD68 #B9B96E #C6C275 #D3CB7B #E0D381 #EDDA88 #FAE18E

#AAAD68 - #D3CB7B - #FAE18E

CSS codes

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

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