#2E4D2F - #7F7E7E | 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 #2E4D2F to #7F7E7E

#2E4D2F #7F7E7E

Calculate the color between two colors, #2E4D2F and #7F7E7E. 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)

#2E4D2F - #7F7E7E | 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 #2E4D2F as 0% and #7F7E7E as 100%.

0.0%	0.0% #2E4D2F	RGB 46 77 47	#2E4D2F
16.7%	16.7% #3B553C	RGB 59 85 60	#3B553C
33.3%	33.3% #495D49	RGB 73 93 73	#495D49
50.0%	50.0% #566556	RGB 86 101 86	#566556
66.7%	66.7% #646D63	RGB 100 109 99	#646D63
83.3%	83.3% #717570	RGB 113 117 112	#717570
100.0%	100.0% #7F7E7E	RGB 127 126 126	#7F7E7E

#2E4D2F #3B553C #495D49 #566556 #646D63 #717570 #7F7E7E

#2E4D2F - #7F7E7E

HSV Blend

#2E4D2F - #7F7E7E | 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 #2E4D2F as 0% and #7F7E7E as 100%.

0.0%	0.0% #2E4D2F	RGB 46 77 47	#2E4D2F
16.7%	16.7% #415538	RGB 65 85 56	#415538
33.3%	33.3% #545D44	RGB 84 93 68	#545D44
50.0%	50.0% #656651	RGB 101 102 81	#656651
66.7%	66.7% #6E695E	RGB 110 105 94	#6E695E
83.3%	83.3% #76706D	RGB 118 112 109	#76706D
100.0%	100.0% #7F7E7E	RGB 127 126 126	#7F7E7E

#2E4D2F #415538 #545D44 #656651 #6E695E #76706D #7F7E7E

#2E4D2F - #656651 - #7F7E7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E4D2F 0%, #656651 50%, #7F7E7E 100%);
    background: -webkit-linear-gradient(top, #2E4D2F 0%, #656651 50%, #7F7E7E 100%);
    background: linear-gradient(to bottom, #2E4D2F 0%, #656651 50%, #7F7E7E 100%);
}
</style>