#3B5E12 - #B6AC3F | 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 #3B5E12 to #B6AC3F

#3B5E12 #B6AC3F

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

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

0.0%	0.0% #3B5E12	RGB 59 94 18	#3B5E12
16.7%	16.7% #4F6B19	RGB 79 107 25	#4F6B19
33.3%	33.3% #647821	RGB 100 120 33	#647821
50.0%	50.0% #788528	RGB 120 133 40	#788528
66.7%	66.7% #8D9230	RGB 141 146 48	#8D9230
83.3%	83.3% #A19F37	RGB 161 159 55	#A19F37
100.0%	100.0% #B6AC3F	RGB 182 172 63	#B6AC3F

#3B5E12 #4F6B19 #647821 #788528 #8D9230 #A19F37 #B6AC3F

#3B5E12 - #B6AC3F

HSV Blend

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

0.0%	0.0% #3B5E11	RGB 59 94 17	#3B5E11
16.7%	16.7% #4D6C17	RGB 77 108 23	#4D6C17
33.3%	33.3% #617B1D	RGB 97 123 29	#617B1D
50.0%	50.0% #778A25	RGB 119 138 37	#778A25
66.7%	66.7% #8E982C	RGB 142 152 44	#8E982C
83.3%	83.3% #A6A735	RGB 166 167 53	#A6A735
100.0%	100.0% #B6AC3F	RGB 182 172 63	#B6AC3F

#3B5E11 #4D6C17 #617B1D #778A25 #8E982C #A6A735 #B6AC3F

#3B5E12 - #778A25 - #B6AC3F

CSS codes

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

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