#AA7A00 - #FFB615 | 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 #AA7A00 to #FFB615

#AA7A00 #FFB615

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

#AA7A00 - #FFB615 | 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 #AA7A00 as 0% and #FFB615 as 100%.

0.0%	0.0% #AA7A00	RGB 170 122 0	#AA7A00
16.7%	16.7% #B88403	RGB 184 132 3	#B88403
33.3%	33.3% #C68E07	RGB 198 142 7	#C68E07
50.0%	50.0% #D4980A	RGB 212 152 10	#D4980A
66.7%	66.7% #E2A20E	RGB 226 162 14	#E2A20E
83.3%	83.3% #F0AC11	RGB 240 172 17	#F0AC11
100.0%	100.0% #FFB615	RGB 255 182 21	#FFB615

#AA7A00 #B88403 #C68E07 #D4980A #E2A20E #F0AC11 #FFB615

#AA7A00 - #FFB615

HSV Blend

#AA7A00 - #FFB615 | 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 #AA7A00 as 0% and #FFB615 as 100%.

0.0%	0.0% #AA7A00	RGB 170 122 0	#AA7A00
16.7%	16.7% #B88302	RGB 184 131 2	#B88302
33.3%	33.3% #C68D05	RGB 198 141 5	#C68D05
50.0%	50.0% #D49708	RGB 212 151 8	#D49708
66.7%	66.7% #E2A10C	RGB 226 161 12	#E2A10C
83.3%	83.3% #F0AB10	RGB 240 171 16	#F0AB10
100.0%	100.0% #FFB615	RGB 255 182 21	#FFB615

#AA7A00 #B88302 #C68D05 #D49708 #E2A10C #F0AB10 #FFB615

#AA7A00 - #D49708 - #FFB615

CSS codes

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

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