#AAAF52 - #FFE27C | 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 #AAAF52 to #FFE27C

#AAAF52 #FFE27C

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

#AAAF52 - #FFE27C | 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 #AAAF52 as 0% and #FFE27C as 100%.

0.0%	0.0% #AAAF52	RGB 170 175 82	#AAAF52
16.7%	16.7% #B8B759	RGB 184 183 89	#B8B759
33.3%	33.3% #C6C060	RGB 198 192 96	#C6C060
50.0%	50.0% #D4C867	RGB 212 200 103	#D4C867
66.7%	66.7% #E2D16E	RGB 226 209 110	#E2D16E
83.3%	83.3% #F0D975	RGB 240 217 117	#F0D975
100.0%	100.0% #FFE27C	RGB 255 226 124	#FFE27C

#AAAF52 #B8B759 #C6C060 #D4C867 #E2D16E #F0D975 #FFE27C

#AAAF52 - #FFE27C

HSV Blend

#AAAF52 - #FFE27C | 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 #AAAF52 as 0% and #FFE27C as 100%.

0.0%	0.0% #AAAF52	RGB 170 175 82	#AAAF52
16.7%	16.7% #BBBC58	RGB 187 188 88	#BBBC58
33.3%	33.3% #C9C55F	RGB 201 197 95	#C9C55F
50.0%	50.0% #D7CD66	RGB 215 205 102	#D7CD66
66.7%	66.7% #E4D46D	RGB 228 212 109	#E4D46D
83.3%	83.3% #F1DB74	RGB 241 219 116	#F1DB74
100.0%	100.0% #FFE27C	RGB 255 226 124	#FFE27C

#AAAF52 #BBBC58 #C9C55F #D7CD66 #E4D46D #F1DB74 #FFE27C

#AAAF52 - #D7CD66 - #FFE27C

CSS codes

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

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