#9A8B5E - #2C271A | 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 #9A8B5E to #2C271A

#9A8B5E #2C271A

Calculate the color between two colors, #9A8B5E and #2C271A. 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)

#9A8B5E - #2C271A | 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 #9A8B5E as 0% and #2C271A as 100%.

0.0%	0.0% #9A8B5E	RGB 154 139 94	#9A8B5E
16.7%	16.7% #877A52	RGB 135 122 82	#877A52
33.3%	33.3% #756947	RGB 117 105 71	#756947
50.0%	50.0% #63593C	RGB 99 89 60	#63593C
66.7%	66.7% #504830	RGB 80 72 48	#504830
83.3%	83.3% #3E3725	RGB 62 55 37	#3E3725
100.0%	100.0% #2C271A	RGB 44 39 26	#2C271A

#9A8B5E #877A52 #756947 #63593C #504830 #3E3725 #2C271A

#9A8B5E - #2C271A

HSV Blend

#9A8B5E - #2C271A | 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 #9A8B5E as 0% and #2C271A as 100%.

0.0%	0.0% #9A8B5E	RGB 154 139 94	#9A8B5E
16.7%	16.7% #877A52	RGB 135 122 82	#877A52
33.3%	33.3% #756946	RGB 117 105 70	#756946
50.0%	50.0% #63583B	RGB 99 88 59	#63583B
66.7%	66.7% #504730	RGB 80 71 48	#504730
83.3%	83.3% #3E3725	RGB 62 55 37	#3E3725
100.0%	100.0% #2C271A	RGB 44 39 26	#2C271A

#9A8B5E #877A52 #756946 #63583B #504730 #3E3725 #2C271A

#9A8B5E - #63583B - #2C271A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8B5E 0%, #63583B 50%, #2C271A 100%);
    background: -webkit-linear-gradient(top, #9A8B5E 0%, #63583B 50%, #2C271A 100%);
    background: linear-gradient(to bottom, #9A8B5E 0%, #63583B 50%, #2C271A 100%);
}
</style>