#C98A00 - #8D480C | 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 #C98A00 to #8D480C

#C98A00 #8D480C

Calculate the color between two colors, #C98A00 and #8D480C. 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)

#C98A00 - #8D480C | 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 #C98A00 as 0% and #8D480C as 100%.

0.0%	0.0% #C98A00	RGB 201 138 0	#C98A00
16.7%	16.7% #BF7F02	RGB 191 127 2	#BF7F02
33.3%	33.3% #B57404	RGB 181 116 4	#B57404
50.0%	50.0% #AB6906	RGB 171 105 6	#AB6906
66.7%	66.7% #A15E08	RGB 161 94 8	#A15E08
83.3%	83.3% #97530A	RGB 151 83 10	#97530A
100.0%	100.0% #8D480C	RGB 141 72 12	#8D480C

#C98A00 #BF7F02 #B57404 #AB6906 #A15E08 #97530A #8D480C

#C98A00 - #8D480C

HSV Blend

#C98A00 - #8D480C | 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 #C98A00 as 0% and #8D480C as 100%.

0.0%	0.0% #C98A00	RGB 201 138 0	#C98A00
16.7%	16.7% #BF7D02	RGB 191 125 2	#BF7D02
33.3%	33.3% #B57005	RGB 181 112 5	#B57005
50.0%	50.0% #AB6507	RGB 171 101 7	#AB6507
66.7%	66.7% #A15A09	RGB 161 90 9	#A15A09
83.3%	83.3% #97510A	RGB 151 81 10	#97510A
100.0%	100.0% #8D480C	RGB 141 72 12	#8D480C

#C98A00 #BF7D02 #B57005 #AB6507 #A15A09 #97510A #8D480C

#C98A00 - #AB6507 - #8D480C

CSS codes

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

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