#4E5E1F - #B9CD3C | 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 #4E5E1F to #B9CD3C

#4E5E1F #B9CD3C

Calculate the color between two colors, #4E5E1F and #B9CD3C. 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)

#4E5E1F - #B9CD3C | 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 #4E5E1F as 0% and #B9CD3C as 100%.

0.0%	0.0% #4E5E1F	RGB 78 94 31	#4E5E1F
16.7%	16.7% #5F7023	RGB 95 112 35	#5F7023
33.3%	33.3% #718328	RGB 113 131 40	#718328
50.0%	50.0% #83952D	RGB 131 149 45	#83952D
66.7%	66.7% #95A832	RGB 149 168 50	#95A832
83.3%	83.3% #A7BA37	RGB 167 186 55	#A7BA37
100.0%	100.0% #B9CD3C	RGB 185 205 60	#B9CD3C

#4E5E1F #5F7023 #718328 #83952D #95A832 #A7BA37 #B9CD3C

#4E5E1F - #B9CD3C

HSV Blend

#4E5E1F - #B9CD3C | 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 #4E5E1F as 0% and #B9CD3C as 100%.

0.0%	0.0% #4E5E1F	RGB 78 94 31	#4E5E1F
16.7%	16.7% #5E7024	RGB 94 112 36	#5E7024
33.3%	33.3% #6F8329	RGB 111 131 41	#6F8329
50.0%	50.0% #81952E	RGB 129 149 46	#81952E
66.7%	66.7% #93A833	RGB 147 168 51	#93A833
83.3%	83.3% #A5BA37	RGB 165 186 55	#A5BA37
100.0%	100.0% #B9CD3C	RGB 185 205 60	#B9CD3C

#4E5E1F #5E7024 #6F8329 #81952E #93A833 #A5BA37 #B9CD3C

#4E5E1F - #81952E - #B9CD3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E5E1F 0%, #81952E 50%, #B9CD3C 100%);
    background: -webkit-linear-gradient(top, #4E5E1F 0%, #81952E 50%, #B9CD3C 100%);
    background: linear-gradient(to bottom, #4E5E1F 0%, #81952E 50%, #B9CD3C 100%);
}
</style>