#AAAD3C - #FFE16A | 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 #AAAD3C to #FFE16A

#AAAD3C #FFE16A

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

#AAAD3C - #FFE16A | 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 #AAAD3C as 0% and #FFE16A as 100%.

0.0%	0.0% #AAAD3C	RGB 170 173 60	#AAAD3C
16.7%	16.7% #B8B543	RGB 184 181 67	#B8B543
33.3%	33.3% #C6BE4B	RGB 198 190 75	#C6BE4B
50.0%	50.0% #D4C753	RGB 212 199 83	#D4C753
66.7%	66.7% #E2CF5A	RGB 226 207 90	#E2CF5A
83.3%	83.3% #F0D862	RGB 240 216 98	#F0D862
100.0%	100.0% #FFE16A	RGB 255 225 106	#FFE16A

#AAAD3C #B8B543 #C6BE4B #D4C753 #E2CF5A #F0D862 #FFE16A

#AAAD3C - #FFE16A

HSV Blend

#AAAD3C - #FFE16A | 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 #AAAD3C as 0% and #FFE16A as 100%.

0.0%	0.0% #AAAD3C	RGB 170 173 60	#AAAD3C
16.7%	16.7% #BAB942	RGB 186 185 66	#BAB942
33.3%	33.3% #C8C24A	RGB 200 194 74	#C8C24A
50.0%	50.0% #D6CA51	RGB 214 202 81	#D6CA51
66.7%	66.7% #E3D259	RGB 227 210 89	#E3D259
83.3%	83.3% #F1D961	RGB 241 217 97	#F1D961
100.0%	100.0% #FFE16A	RGB 255 225 106	#FFE16A

#AAAD3C #BAB942 #C8C24A #D6CA51 #E3D259 #F1D961 #FFE16A

#AAAD3C - #D6CA51 - #FFE16A

CSS codes

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

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