#3E6D39 - #C0BA61 | 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 #3E6D39 to #C0BA61

#3E6D39 #C0BA61

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

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

0.0%	0.0% #3E6D39	RGB 62 109 57	#3E6D39
16.7%	16.7% #53793F	RGB 83 121 63	#53793F
33.3%	33.3% #698646	RGB 105 134 70	#698646
50.0%	50.0% #7F934D	RGB 127 147 77	#7F934D
66.7%	66.7% #94A053	RGB 148 160 83	#94A053
83.3%	83.3% #AAAD5A	RGB 170 173 90	#AAAD5A
100.0%	100.0% #C0BA61	RGB 192 186 97	#C0BA61

#3E6D39 #53793F #698646 #7F934D #94A053 #AAAD5A #C0BA61

#3E6D39 - #C0BA61

HSV Blend

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

0.0%	0.0% #3E6D39	RGB 62 109 57	#3E6D39
16.7%	16.7% #4F7A3F	RGB 79 122 63	#4F7A3F
33.3%	33.3% #628846	RGB 98 136 70	#628846
50.0%	50.0% #77964D	RGB 119 150 77	#77964D
66.7%	66.7% #8FA453	RGB 143 164 83	#8FA453
83.3%	83.3% #A9B25A	RGB 169 178 90	#A9B25A
100.0%	100.0% #C0BA61	RGB 192 186 97	#C0BA61

#3E6D39 #4F7A3F #628846 #77964D #8FA453 #A9B25A #C0BA61

#3E6D39 - #77964D - #C0BA61

CSS codes

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

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