#3E6E3E - #BFBB65 | 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 #3E6E3E to #BFBB65

#3E6E3E #BFBB65

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

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

0.0%	0.0% #3E6E3E	RGB 62 110 62	#3E6E3E
16.7%	16.7% #537A44	RGB 83 122 68	#537A44
33.3%	33.3% #69874B	RGB 105 135 75	#69874B
50.0%	50.0% #7E9451	RGB 126 148 81	#7E9451
66.7%	66.7% #94A158	RGB 148 161 88	#94A158
83.3%	83.3% #A9AE5E	RGB 169 174 94	#A9AE5E
100.0%	100.0% #BFBB65	RGB 191 187 101	#BFBB65

#3E6E3E #537A44 #69874B #7E9451 #94A158 #A9AE5E #BFBB65

#3E6E3E - #BFBB65

HSV Blend

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

0.0%	0.0% #3E6E3E	RGB 62 110 62	#3E6E3E
16.7%	16.7% #4E7B44	RGB 78 123 68	#4E7B44
33.3%	33.3% #60894B	RGB 96 137 75	#60894B
50.0%	50.0% #759652	RGB 117 150 82	#759652
66.7%	66.7% #8DA458	RGB 141 164 88	#8DA458
83.3%	83.3% #A6B15E	RGB 166 177 94	#A6B15E
100.0%	100.0% #BFBB65	RGB 191 187 101	#BFBB65

#3E6E3E #4E7B44 #60894B #759652 #8DA458 #A6B15E #BFBB65

#3E6E3E - #759652 - #BFBB65

CSS codes

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

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