#4D5E54 - #74D3A7 | 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 #4D5E54 to #74D3A7

#4D5E54 #74D3A7

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

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

0.0%	0.0% #4D5E54	RGB 77 94 84	#4D5E54
16.7%	16.7% #537161	RGB 83 113 97	#537161
33.3%	33.3% #5A856F	RGB 90 133 111	#5A856F
50.0%	50.0% #60987D	RGB 96 152 125	#60987D
66.7%	66.7% #67AC8B	RGB 103 172 139	#67AC8B
83.3%	83.3% #6DBF99	RGB 109 191 153	#6DBF99
100.0%	100.0% #74D3A7	RGB 116 211 167	#74D3A7

#4D5E54 #537161 #5A856F #60987D #67AC8B #6DBF99 #74D3A7

#4D5E54 - #74D3A7

HSV Blend

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

0.0%	0.0% #4D5E54	RGB 77 94 84	#4D5E54
16.7%	16.7% #577162	RGB 87 113 98	#577162
33.3%	33.3% #618571	RGB 97 133 113	#618571
50.0%	50.0% #68987F	RGB 104 152 127	#68987F
66.7%	66.7% #6EAC8C	RGB 110 172 140	#6EAC8C
83.3%	83.3% #71BF99	RGB 113 191 153	#71BF99
100.0%	100.0% #74D3A7	RGB 116 211 167	#74D3A7

#4D5E54 #577162 #618571 #68987F #6EAC8C #71BF99 #74D3A7

#4D5E54 - #68987F - #74D3A7

CSS codes

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

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