#9A8C2D - #2C280C | 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 #9A8C2D to #2C280C

#9A8C2D #2C280C

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

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

0.0%	0.0% #9A8C2D	RGB 154 140 45	#9A8C2D
16.7%	16.7% #877B27	RGB 135 123 39	#877B27
33.3%	33.3% #756A22	RGB 117 106 34	#756A22
50.0%	50.0% #635A1C	RGB 99 90 28	#635A1C
66.7%	66.7% #504917	RGB 80 73 23	#504917
83.3%	83.3% #3E3811	RGB 62 56 17	#3E3811
100.0%	100.0% #2C280C	RGB 44 40 12	#2C280C

#9A8C2D #877B27 #756A22 #635A1C #504917 #3E3811 #2C280C

#9A8C2D - #2C280C

HSV Blend

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

0.0%	0.0% #9A8C2D	RGB 154 140 45	#9A8C2D
16.7%	16.7% #877B27	RGB 135 123 39	#877B27
33.3%	33.3% #756A21	RGB 117 106 33	#756A21
50.0%	50.0% #63591B	RGB 99 89 27	#63591B
66.7%	66.7% #504916	RGB 80 73 22	#504916
83.3%	83.3% #3E3811	RGB 62 56 17	#3E3811
100.0%	100.0% #2C280C	RGB 44 40 12	#2C280C

#9A8C2D #877B27 #756A21 #63591B #504916 #3E3811 #2C280C

#9A8C2D - #63591B - #2C280C

CSS codes

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

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