#392C10 - #976933 | 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 #392C10 to #976933

#392C10 #976933

Calculate the color between two colors, #392C10 and #976933. 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)

#392C10 - #976933 | 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 #392C10 as 0% and #976933 as 100%.

0.0%	0.0% #392C10	RGB 57 44 16	#392C10
16.7%	16.7% #483615	RGB 72 54 21	#483615
33.3%	33.3% #58401B	RGB 88 64 27	#58401B
50.0%	50.0% #684A21	RGB 104 74 33	#684A21
66.7%	66.7% #775427	RGB 119 84 39	#775427
83.3%	83.3% #875E2D	RGB 135 94 45	#875E2D
100.0%	100.0% #976933	RGB 151 105 51	#976933

#392C10 #483615 #58401B #684A21 #775427 #875E2D #976933

#392C10 - #976933

HSV Blend

#392C10 - #976933 | 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 #392C10 as 0% and #976933 as 100%.

0.0%	0.0% #392C10	RGB 57 44 16	#392C10
16.7%	16.7% #483715	RGB 72 55 21	#483715
33.3%	33.3% #58411A	RGB 88 65 26	#58411A
50.0%	50.0% #684C20	RGB 104 76 32	#684C20
66.7%	66.7% #775626	RGB 119 86 38	#775626
83.3%	83.3% #875F2C	RGB 135 95 44	#875F2C
100.0%	100.0% #976933	RGB 151 105 51	#976933

#392C10 #483715 #58411A #684C20 #775626 #875F2C #976933

#392C10 - #684C20 - #976933

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #392C10 0%, #684C20 50%, #976933 100%);
    background: -webkit-linear-gradient(top, #392C10 0%, #684C20 50%, #976933 100%);
    background: linear-gradient(to bottom, #392C10 0%, #684C20 50%, #976933 100%);
}
</style>