#4D8F8F - #085E4E | 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 #4D8F8F to #085E4E

#4D8F8F #085E4E

Calculate the color between two colors, #4D8F8F and #085E4E. 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)

#4D8F8F - #085E4E | 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 #4D8F8F as 0% and #085E4E as 100%.

0.0%	0.0% #4D8F8F	RGB 77 143 143	#4D8F8F
16.7%	16.7% #418684	RGB 65 134 132	#418684
33.3%	33.3% #367E79	RGB 54 126 121	#367E79
50.0%	50.0% #2A766E	RGB 42 118 110	#2A766E
66.7%	66.7% #1F6E63	RGB 31 110 99	#1F6E63
83.3%	83.3% #136658	RGB 19 102 88	#136658
100.0%	100.0% #085E4E	RGB 8 94 78	#085E4E

#4D8F8F #418684 #367E79 #2A766E #1F6E63 #136658 #085E4E

#4D8F8F - #085E4E

HSV Blend

#4D8F8F - #085E4E | 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 #4D8F8F as 0% and #085E4E as 100%.

0.0%	0.0% #4D8F8F	RGB 77 143 143	#4D8F8F
16.7%	16.7% #3E8684	RGB 62 134 132	#3E8684
33.3%	33.3% #317E79	RGB 49 126 121	#317E79
50.0%	50.0% #24766E	RGB 36 118 110	#24766E
66.7%	66.7% #1A6E63	RGB 26 110 99	#1A6E63
83.3%	83.3% #106658	RGB 16 102 88	#106658
100.0%	100.0% #085E4E	RGB 8 94 78	#085E4E

#4D8F8F #3E8684 #317E79 #24766E #1A6E63 #106658 #085E4E

#4D8F8F - #24766E - #085E4E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D8F8F 0%, #24766E 50%, #085E4E 100%);
    background: -webkit-linear-gradient(top, #4D8F8F 0%, #24766E 50%, #085E4E 100%);
    background: linear-gradient(to bottom, #4D8F8F 0%, #24766E 50%, #085E4E 100%);
}
</style>