#3C4911 - #A0923C | 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 #3C4911 to #A0923C

#3C4911 #A0923C

Calculate the color between two colors, #3C4911 and #A0923C. 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)

#3C4911 - #A0923C | 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 #3C4911 as 0% and #A0923C as 100%.

0.0%	0.0% #3C4911	RGB 60 73 17	#3C4911
16.7%	16.7% #4C5518	RGB 76 85 24	#4C5518
33.3%	33.3% #5D611F	RGB 93 97 31	#5D611F
50.0%	50.0% #6E6D26	RGB 110 109 38	#6E6D26
66.7%	66.7% #7E792D	RGB 126 121 45	#7E792D
83.3%	83.3% #8F8534	RGB 143 133 52	#8F8534
100.0%	100.0% #A0923C	RGB 160 146 60	#A0923C

#3C4911 #4C5518 #5D611F #6E6D26 #7E792D #8F8534 #A0923C

#3C4911 - #A0923C

HSV Blend

#3C4911 - #A0923C | 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 #3C4911 as 0% and #A0923C as 100%.

0.0%	0.0% #3C4911	RGB 60 73 17	#3C4911
16.7%	16.7% #4C5716	RGB 76 87 22	#4C5716
33.3%	33.3% #5E661C	RGB 94 102 28	#5E661C
50.0%	50.0% #707423	RGB 112 116 35	#707423
66.7%	66.7% #83812A	RGB 131 129 42	#83812A
83.3%	83.3% #918A33	RGB 145 138 51	#918A33
100.0%	100.0% #A0923C	RGB 160 146 60	#A0923C

#3C4911 #4C5716 #5E661C #707423 #83812A #918A33 #A0923C

#3C4911 - #707423 - #A0923C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C4911 0%, #707423 50%, #A0923C 100%);
    background: -webkit-linear-gradient(top, #3C4911 0%, #707423 50%, #A0923C 100%);
    background: linear-gradient(to bottom, #3C4911 0%, #707423 50%, #A0923C 100%);
}
</style>