#9F7E2D - #6E450A | 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 #9F7E2D to #6E450A

#9F7E2D #6E450A

Calculate the color between two colors, #9F7E2D and #6E450A. 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)

#9F7E2D - #6E450A | 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 #9F7E2D as 0% and #6E450A as 100%.

0.0%	0.0% #9F7E2D	RGB 159 126 45	#9F7E2D
16.7%	16.7% #967427	RGB 150 116 39	#967427
33.3%	33.3% #8E6B21	RGB 142 107 33	#8E6B21
50.0%	50.0% #86611B	RGB 134 97 27	#86611B
66.7%	66.7% #7E5815	RGB 126 88 21	#7E5815
83.3%	83.3% #764E0F	RGB 118 78 15	#764E0F
100.0%	100.0% #6E450A	RGB 110 69 10	#6E450A

#9F7E2D #967427 #8E6B21 #86611B #7E5815 #764E0F #6E450A

#9F7E2D - #6E450A

HSV Blend

#9F7E2D - #6E450A | 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 #9F7E2D as 0% and #6E450A as 100%.

0.0%	0.0% #9F7E2D	RGB 159 126 45	#9F7E2D
16.7%	16.7% #967325	RGB 150 115 37	#967325
33.3%	33.3% #8E691F	RGB 142 105 31	#8E691F
50.0%	50.0% #866019	RGB 134 96 25	#866019
66.7%	66.7% #7E5613	RGB 126 86 19	#7E5613
83.3%	83.3% #764D0E	RGB 118 77 14	#764D0E
100.0%	100.0% #6E450A	RGB 110 69 10	#6E450A

#9F7E2D #967325 #8E691F #866019 #7E5613 #764D0E #6E450A

#9F7E2D - #866019 - #6E450A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F7E2D 0%, #866019 50%, #6E450A 100%);
    background: -webkit-linear-gradient(top, #9F7E2D 0%, #866019 50%, #6E450A 100%);
    background: linear-gradient(to bottom, #9F7E2D 0%, #866019 50%, #6E450A 100%);
}
</style>