#AA8F00 - #FFC71D | 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 #FFC71D

#AA8F00 #FFC71D

Calculate the color between two colors, #AA8F00 and #FFC71D. 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 - #FFC71D | 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 #FFC71D as 100%.

0.0%	0.0% #AA8F00	RGB 170 143 0	#AA8F00
16.7%	16.7% #B89804	RGB 184 152 4	#B89804
33.3%	33.3% #C6A109	RGB 198 161 9	#C6A109
50.0%	50.0% #D4AB0E	RGB 212 171 14	#D4AB0E
66.7%	66.7% #E2B413	RGB 226 180 19	#E2B413
83.3%	83.3% #F0BD18	RGB 240 189 24	#F0BD18
100.0%	100.0% #FFC71D	RGB 255 199 29	#FFC71D

#AA8F00 #B89804 #C6A109 #D4AB0E #E2B413 #F0BD18 #FFC71D

#AA8F00 - #FFC71D

HSV Blend

#AA8F00 - #FFC71D | 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 #FFC71D as 100%.

0.0%	0.0% #AA8F00	RGB 170 143 0	#AA8F00
16.7%	16.7% #B89803	RGB 184 152 3	#B89803
33.3%	33.3% #C6A207	RGB 198 162 7	#C6A207
50.0%	50.0% #D4AB0C	RGB 212 171 12	#D4AB0C
66.7%	66.7% #E2B411	RGB 226 180 17	#E2B411
83.3%	83.3% #F0BE16	RGB 240 190 22	#F0BE16
100.0%	100.0% #FFC71D	RGB 255 199 29	#FFC71D

#AA8F00 #B89803 #C6A207 #D4AB0C #E2B411 #F0BE16 #FFC71D

#AA8F00 - #D4AB0C - #FFC71D

CSS codes

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

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