#3E7E46 - #B9C96E | 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 #3E7E46 to #B9C96E

#3E7E46 #B9C96E

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

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

0.0%	0.0% #3E7E46	RGB 62 126 70	#3E7E46
16.7%	16.7% #528A4C	RGB 82 138 76	#528A4C
33.3%	33.3% #679753	RGB 103 151 83	#679753
50.0%	50.0% #7BA35A	RGB 123 163 90	#7BA35A
66.7%	66.7% #90B060	RGB 144 176 96	#90B060
83.3%	83.3% #A4BC67	RGB 164 188 103	#A4BC67
100.0%	100.0% #B9C96E	RGB 185 201 110	#B9C96E

#3E7E46 #528A4C #679753 #7BA35A #90B060 #A4BC67 #B9C96E

#3E7E46 - #B9C96E

HSV Blend

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

0.0%	0.0% #3E7E46	RGB 62 126 70	#3E7E46
16.7%	16.7% #478A45	RGB 71 138 69	#478A45
33.3%	33.3% #5B974D	RGB 91 151 77	#5B974D
50.0%	50.0% #70A354	RGB 112 163 84	#70A354
66.7%	66.7% #87B05D	RGB 135 176 93	#87B05D
83.3%	83.3% #9FBC65	RGB 159 188 101	#9FBC65
100.0%	100.0% #B9C96E	RGB 185 201 110	#B9C96E

#3E7E46 #478A45 #5B974D #70A354 #87B05D #9FBC65 #B9C96E

#3E7E46 - #70A354 - #B9C96E

CSS codes

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

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