#C29D3A - #8F6600 | 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 #C29D3A to #8F6600

#C29D3A #8F6600

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

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

0.0%	0.0% #C29D3A	RGB 194 157 58	#C29D3A
16.7%	16.7% #B99330	RGB 185 147 48	#B99330
33.3%	33.3% #B18A26	RGB 177 138 38	#B18A26
50.0%	50.0% #A8811D	RGB 168 129 29	#A8811D
66.7%	66.7% #A07813	RGB 160 120 19	#A07813
83.3%	83.3% #976F09	RGB 151 111 9	#976F09
100.0%	100.0% #8F6600	RGB 143 102 0	#8F6600

#C29D3A #B99330 #B18A26 #A8811D #A07813 #976F09 #8F6600

#C29D3A - #8F6600

HSV Blend

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

0.0%	0.0% #C29D3A	RGB 194 157 58	#C29D3A
16.7%	16.7% #B9932E	RGB 185 147 46	#B9932E
33.3%	33.3% #B18923	RGB 177 137 35	#B18923
50.0%	50.0% #A88019	RGB 168 128 25	#A88019
66.7%	66.7% #A0770F	RGB 160 119 15	#A0770F
83.3%	83.3% #976E07	RGB 151 110 7	#976E07
100.0%	100.0% #8F6600	RGB 143 102 0	#8F6600

#C29D3A #B9932E #B18923 #A88019 #A0770F #976E07 #8F6600

#C29D3A - #A88019 - #8F6600

CSS codes

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

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