#3C4311 - #9A8A3C | 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 #3C4311 to #9A8A3C

#3C4311 #9A8A3C

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

#3C4311 - #9A8A3C | 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 #3C4311 as 0% and #9A8A3C as 100%.

0.0%	0.0% #3C4311	RGB 60 67 17	#3C4311
16.7%	16.7% #4B4E18	RGB 75 78 24	#4B4E18
33.3%	33.3% #5B5A1F	RGB 91 90 31	#5B5A1F
50.0%	50.0% #6B6626	RGB 107 102 38	#6B6626
66.7%	66.7% #7A722D	RGB 122 114 45	#7A722D
83.3%	83.3% #8A7E34	RGB 138 126 52	#8A7E34
100.0%	100.0% #9A8A3C	RGB 154 138 60	#9A8A3C

#3C4311 #4B4E18 #5B5A1F #6B6626 #7A722D #8A7E34 #9A8A3C

#3C4311 - #9A8A3C

HSV Blend

#3C4311 - #9A8A3C | 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 #3C4311 as 0% and #9A8A3C as 100%.

0.0%	0.0% #3C4311	RGB 60 67 17	#3C4311
16.7%	16.7% #4C5116	RGB 76 81 22	#4C5116
33.3%	33.3% #5D601C	RGB 93 96 28	#5D601C
50.0%	50.0% #6E6D23	RGB 110 109 35	#6E6D23
66.7%	66.7% #7D772B	RGB 125 119 43	#7D772B
83.3%	83.3% #8B8133	RGB 139 129 51	#8B8133
100.0%	100.0% #9A8A3C	RGB 154 138 60	#9A8A3C

#3C4311 #4C5116 #5D601C #6E6D23 #7D772B #8B8133 #9A8A3C

#3C4311 - #6E6D23 - #9A8A3C

CSS codes

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

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