#4D5E5B - #72D4C0 | 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 #4D5E5B to #72D4C0

#4D5E5B #72D4C0

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

#4D5E5B - #72D4C0 | 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 #4D5E5B as 0% and #72D4C0 as 100%.

0.0%	0.0% #4D5E5B	RGB 77 94 91	#4D5E5B
16.7%	16.7% #53716B	RGB 83 113 107	#53716B
33.3%	33.3% #59857C	RGB 89 133 124	#59857C
50.0%	50.0% #5F998D	RGB 95 153 141	#5F998D
66.7%	66.7% #65AC9E	RGB 101 172 158	#65AC9E
83.3%	83.3% #6BC0AF	RGB 107 192 175	#6BC0AF
100.0%	100.0% #72D4C0	RGB 114 212 192	#72D4C0

#4D5E5B #53716B #59857C #5F998D #65AC9E #6BC0AF #72D4C0

#4D5E5B - #72D4C0

HSV Blend

#4D5E5B - #72D4C0 | 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 #4D5E5B as 0% and #72D4C0 as 100%.

0.0%	0.0% #4D5E5B	RGB 77 94 91	#4D5E5B
16.7%	16.7% #57716C	RGB 87 113 108	#57716C
33.3%	33.3% #60857E	RGB 96 133 126	#60857E
50.0%	50.0% #67998F	RGB 103 153 143	#67998F
66.7%	66.7% #6DACA0	RGB 109 172 160	#6DACA0
83.3%	83.3% #70C0B0	RGB 112 192 176	#70C0B0
100.0%	100.0% #72D4C0	RGB 114 212 192	#72D4C0

#4D5E5B #57716C #60857E #67998F #6DACA0 #70C0B0 #72D4C0

#4D5E5B - #67998F - #72D4C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E5B 0%, #67998F 50%, #72D4C0 100%);
    background: -webkit-linear-gradient(top, #4D5E5B 0%, #67998F 50%, #72D4C0 100%);
    background: linear-gradient(to bottom, #4D5E5B 0%, #67998F 50%, #72D4C0 100%);
}
</style>