#AA8F00 - #6F4D0C | 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 #AA8F00 to #6F4D0C

#AA8F00 #6F4D0C

Calculate the color between two colors, #AA8F00 and #6F4D0C. 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)

#AA8F00 - #6F4D0C | 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 #AA8F00 as 0% and #6F4D0C as 100%.

0.0%	0.0% #AA8F00	RGB 170 143 0	#AA8F00
16.7%	16.7% #A08402	RGB 160 132 2	#A08402
33.3%	33.3% #967904	RGB 150 121 4	#967904
50.0%	50.0% #8C6E06	RGB 140 110 6	#8C6E06
66.7%	66.7% #826308	RGB 130 99 8	#826308
83.3%	83.3% #78580A	RGB 120 88 10	#78580A
100.0%	100.0% #6F4D0C	RGB 111 77 12	#6F4D0C

#AA8F00 #A08402 #967904 #8C6E06 #826308 #78580A #6F4D0C

#AA8F00 - #6F4D0C

HSV Blend

#AA8F00 - #6F4D0C | 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 #AA8F00 as 0% and #6F4D0C as 100%.

0.0%	0.0% #AA8F00	RGB 170 143 0	#AA8F00
16.7%	16.7% #A08202	RGB 160 130 2	#A08202
33.3%	33.3% #967605	RGB 150 118 5	#967605
50.0%	50.0% #8C6B07	RGB 140 107 7	#8C6B07
66.7%	66.7% #826009	RGB 130 96 9	#826009
83.3%	83.3% #78560A	RGB 120 86 10	#78560A
100.0%	100.0% #6F4D0C	RGB 111 77 12	#6F4D0C

#AA8F00 #A08202 #967605 #8C6B07 #826009 #78560A #6F4D0C

#AA8F00 - #8C6B07 - #6F4D0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA8F00 0%, #8C6B07 50%, #6F4D0C 100%);
    background: -webkit-linear-gradient(top, #AA8F00 0%, #8C6B07 50%, #6F4D0C 100%);
    background: linear-gradient(to bottom, #AA8F00 0%, #8C6B07 50%, #6F4D0C 100%);
}
</style>