#BA9A00 - #80550C | 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 #BA9A00 to #80550C

#BA9A00 #80550C

Calculate the color between two colors, #BA9A00 and #80550C. 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)

#BA9A00 - #80550C | 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 #BA9A00 as 0% and #80550C as 100%.

0.0%	0.0% #BA9A00	RGB 186 154 0	#BA9A00
16.7%	16.7% #B08E02	RGB 176 142 2	#B08E02
33.3%	33.3% #A68304	RGB 166 131 4	#A68304
50.0%	50.0% #9D7706	RGB 157 119 6	#9D7706
66.7%	66.7% #936C08	RGB 147 108 8	#936C08
83.3%	83.3% #89600A	RGB 137 96 10	#89600A
100.0%	100.0% #80550C	RGB 128 85 12	#80550C

#BA9A00 #B08E02 #A68304 #9D7706 #936C08 #89600A #80550C

#BA9A00 - #80550C

HSV Blend

#BA9A00 - #80550C | 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 #BA9A00 as 0% and #80550C as 100%.

0.0%	0.0% #BA9A00	RGB 186 154 0	#BA9A00
16.7%	16.7% #B08C02	RGB 176 140 2	#B08C02
33.3%	33.3% #A68005	RGB 166 128 5	#A68005
50.0%	50.0% #9D7407	RGB 157 116 7	#9D7407
66.7%	66.7% #936909	RGB 147 105 9	#936909
83.3%	83.3% #895E0A	RGB 137 94 10	#895E0A
100.0%	100.0% #80550C	RGB 128 85 12	#80550C

#BA9A00 #B08C02 #A68005 #9D7407 #936909 #895E0A #80550C

#BA9A00 - #9D7407 - #80550C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA9A00 0%, #9D7407 50%, #80550C 100%);
    background: -webkit-linear-gradient(top, #BA9A00 0%, #9D7407 50%, #80550C 100%);
    background: linear-gradient(to bottom, #BA9A00 0%, #9D7407 50%, #80550C 100%);
}
</style>