#AA7A32 - #FFBA4C | 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 #AA7A32 to #FFBA4C

#AA7A32 #FFBA4C

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

#AA7A32 - #FFBA4C | 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 #AA7A32 as 0% and #FFBA4C as 100%.

0.0%	0.0% #AA7A32	RGB 170 122 50	#AA7A32
16.7%	16.7% #B88436	RGB 184 132 54	#B88436
33.3%	33.3% #C68F3A	RGB 198 143 58	#C68F3A
50.0%	50.0% #D49A3F	RGB 212 154 63	#D49A3F
66.7%	66.7% #E2A443	RGB 226 164 67	#E2A443
83.3%	83.3% #F0AF47	RGB 240 175 71	#F0AF47
100.0%	100.0% #FFBA4C	RGB 255 186 76	#FFBA4C

#AA7A32 #B88436 #C68F3A #D49A3F #E2A443 #F0AF47 #FFBA4C

#AA7A32 - #FFBA4C

HSV Blend

#AA7A32 - #FFBA4C | 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 #AA7A32 as 0% and #FFBA4C as 100%.

0.0%	0.0% #AA7A32	RGB 170 122 50	#AA7A32
16.7%	16.7% #B88436	RGB 184 132 54	#B88436
33.3%	33.3% #C68F3A	RGB 198 143 58	#C68F3A
50.0%	50.0% #D4993E	RGB 212 153 62	#D4993E
66.7%	66.7% #E2A443	RGB 226 164 67	#E2A443
83.3%	83.3% #F0AF47	RGB 240 175 71	#F0AF47
100.0%	100.0% #FFBA4C	RGB 255 186 76	#FFBA4C

#AA7A32 #B88436 #C68F3A #D4993E #E2A443 #F0AF47 #FFBA4C

#AA7A32 - #D4993E - #FFBA4C

CSS codes

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

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