#4D5E50 - #74D38B | 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 #4D5E50 to #74D38B

#4D5E50 #74D38B

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

#4D5E50 - #74D38B | 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 #4D5E50 as 0% and #74D38B as 100%.

0.0%	0.0% #4D5E50	RGB 77 94 80	#4D5E50
16.7%	16.7% #537159	RGB 83 113 89	#537159
33.3%	33.3% #5A8563	RGB 90 133 99	#5A8563
50.0%	50.0% #60986D	RGB 96 152 109	#60986D
66.7%	66.7% #67AC77	RGB 103 172 119	#67AC77
83.3%	83.3% #6DBF81	RGB 109 191 129	#6DBF81
100.0%	100.0% #74D38B	RGB 116 211 139	#74D38B

#4D5E50 #537159 #5A8563 #60986D #67AC77 #6DBF81 #74D38B

#4D5E50 - #74D38B

HSV Blend

#4D5E50 - #74D38B | 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 #4D5E50 as 0% and #74D38B as 100%.

0.0%	0.0% #4D5E50	RGB 77 94 80	#4D5E50
16.7%	16.7% #57715C	RGB 87 113 92	#57715C
33.3%	33.3% #618568	RGB 97 133 104	#618568
50.0%	50.0% #689872	RGB 104 152 114	#689872
66.7%	66.7% #6EAC7B	RGB 110 172 123	#6EAC7B
83.3%	83.3% #71BF83	RGB 113 191 131	#71BF83
100.0%	100.0% #74D38B	RGB 116 211 139	#74D38B

#4D5E50 #57715C #618568 #689872 #6EAC7B #71BF83 #74D38B

#4D5E50 - #689872 - #74D38B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E50 0%, #689872 50%, #74D38B 100%);
    background: -webkit-linear-gradient(top, #4D5E50 0%, #689872 50%, #74D38B 100%);
    background: linear-gradient(to bottom, #4D5E50 0%, #689872 50%, #74D38B 100%);
}
</style>