#9C742B - #5E4A06 | 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 #9C742B to #5E4A06

#9C742B #5E4A06

Calculate the color between two colors, #9C742B and #5E4A06. 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)

#9C742B - #5E4A06 | 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 #9C742B as 0% and #5E4A06 as 100%.

0.0%	0.0% #9C742B	RGB 156 116 43	#9C742B
16.7%	16.7% #916D24	RGB 145 109 36	#916D24
33.3%	33.3% #87661E	RGB 135 102 30	#87661E
50.0%	50.0% #7D5F18	RGB 125 95 24	#7D5F18
66.7%	66.7% #725812	RGB 114 88 18	#725812
83.3%	83.3% #68510C	RGB 104 81 12	#68510C
100.0%	100.0% #5E4A06	RGB 94 74 6	#5E4A06

#9C742B #916D24 #87661E #7D5F18 #725812 #68510C #5E4A06

#9C742B - #5E4A06

HSV Blend

#9C742B - #5E4A06 | 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 #9C742B as 0% and #5E4A06 as 100%.

0.0%	0.0% #9C742B	RGB 156 116 43	#9C742B
16.7%	16.7% #916C23	RGB 145 108 35	#916C23
33.3%	33.3% #87651B	RGB 135 101 27	#87651B
50.0%	50.0% #7D5E15	RGB 125 94 21	#7D5E15
66.7%	66.7% #72570F	RGB 114 87 15	#72570F
83.3%	83.3% #68500A	RGB 104 80 10	#68500A
100.0%	100.0% #5E4A06	RGB 94 74 6	#5E4A06

#9C742B #916C23 #87651B #7D5E15 #72570F #68500A #5E4A06

#9C742B - #7D5E15 - #5E4A06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C742B 0%, #7D5E15 50%, #5E4A06 100%);
    background: -webkit-linear-gradient(top, #9C742B 0%, #7D5E15 50%, #5E4A06 100%);
    background: linear-gradient(to bottom, #9C742B 0%, #7D5E15 50%, #5E4A06 100%);
}
</style>