#2EC99D - #006949 | 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 #2EC99D to #006949

#2EC99D #006949

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

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

0.0%	0.0% #2EC99D	RGB 46 201 157	#2EC99D
16.7%	16.7% #26B98F	RGB 38 185 143	#26B98F
33.3%	33.3% #1EA981	RGB 30 169 129	#1EA981
50.0%	50.0% #179973	RGB 23 153 115	#179973
66.7%	66.7% #0F8965	RGB 15 137 101	#0F8965
83.3%	83.3% #077957	RGB 7 121 87	#077957
100.0%	100.0% #006949	RGB 0 105 73	#006949

#2EC99D #26B98F #1EA981 #179973 #0F8965 #077957 #006949

#2EC99D - #006949

HSV Blend

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

0.0%	0.0% #2EC99D	RGB 46 201 157	#2EC99D
16.7%	16.7% #23B98D	RGB 35 185 141	#23B98D
33.3%	33.3% #19A97F	RGB 25 169 127	#19A97F
50.0%	50.0% #119971	RGB 17 153 113	#119971
66.7%	66.7% #0A8963	RGB 10 137 99	#0A8963
83.3%	83.3% #047955	RGB 4 121 85	#047955
100.0%	100.0% #006949	RGB 0 105 73	#006949

#2EC99D #23B98D #19A97F #119971 #0A8963 #047955 #006949

#2EC99D - #119971 - #006949

CSS codes

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

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