#5E8F85 - #80EB9A | 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 #5E8F85 to #80EB9A

#5E8F85 #80EB9A

Calculate the color between two colors, #5E8F85 and #80EB9A. 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)

#5E8F85 - #80EB9A | 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 #5E8F85 as 0% and #80EB9A as 100%.

0.0%	0.0% #5E8F85	RGB 94 143 133	#5E8F85
16.7%	16.7% #639E88	RGB 99 158 136	#639E88
33.3%	33.3% #69AD8C	RGB 105 173 140	#69AD8C
50.0%	50.0% #6FBD8F	RGB 111 189 143	#6FBD8F
66.7%	66.7% #74CC93	RGB 116 204 147	#74CC93
83.3%	83.3% #7ADB96	RGB 122 219 150	#7ADB96
100.0%	100.0% #80EB9A	RGB 128 235 154	#80EB9A

#5E8F85 #639E88 #69AD8C #6FBD8F #74CC93 #7ADB96 #80EB9A

#5E8F85 - #80EB9A

HSV Blend

#5E8F85 - #80EB9A | 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 #5E8F85 as 0% and #80EB9A as 100%.

0.0%	0.0% #5E8F85	RGB 94 143 133	#5E8F85
16.7%	16.7% #659E8D	RGB 101 158 141	#659E8D
33.3%	33.3% #6BAD94	RGB 107 173 148	#6BAD94
50.0%	50.0% #71BD98	RGB 113 189 152	#71BD98
66.7%	66.7% #76CC9B	RGB 118 204 155	#76CC9B
83.3%	83.3% #7BDB9B	RGB 123 219 155	#7BDB9B
100.0%	100.0% #80EB9A	RGB 128 235 154	#80EB9A

#5E8F85 #659E8D #6BAD94 #71BD98 #76CC9B #7BDB9B #80EB9A

#5E8F85 - #71BD98 - #80EB9A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8F85 0%, #71BD98 50%, #80EB9A 100%);
    background: -webkit-linear-gradient(top, #5E8F85 0%, #71BD98 50%, #80EB9A 100%);
    background: linear-gradient(to bottom, #5E8F85 0%, #71BD98 50%, #80EB9A 100%);
}
</style>