#3E6B31 - #C0B95B | 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 #3E6B31 to #C0B95B

#3E6B31 #C0B95B

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

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

0.0%	0.0% #3E6B31	RGB 62 107 49	#3E6B31
16.7%	16.7% #537838	RGB 83 120 56	#537838
33.3%	33.3% #69853F	RGB 105 133 63	#69853F
50.0%	50.0% #7F9246	RGB 127 146 70	#7F9246
66.7%	66.7% #949F4D	RGB 148 159 77	#949F4D
83.3%	83.3% #AAAC54	RGB 170 172 84	#AAAC54
100.0%	100.0% #C0B95B	RGB 192 185 91	#C0B95B

#3E6B31 #537838 #69853F #7F9246 #949F4D #AAAC54 #C0B95B

#3E6B31 - #C0B95B

HSV Blend

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

0.0%	0.0% #3E6B31	RGB 62 107 49	#3E6B31
16.7%	16.7% #4F7937	RGB 79 121 55	#4F7937
33.3%	33.3% #63873E	RGB 99 135 62	#63873E
50.0%	50.0% #799545	RGB 121 149 69	#799545
66.7%	66.7% #91A34C	RGB 145 163 76	#91A34C
83.3%	83.3% #ABB153	RGB 171 177 83	#ABB153
100.0%	100.0% #C0B95B	RGB 192 185 91	#C0B95B

#3E6B31 #4F7937 #63873E #799545 #91A34C #ABB153 #C0B95B

#3E6B31 - #799545 - #C0B95B

CSS codes

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

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