#5E7E7B - #80DB96 | 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 #5E7E7B to #80DB96

#5E7E7B #80DB96

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

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

0.0%	0.0% #5E7E7B	RGB 94 126 123	#5E7E7B
16.7%	16.7% #638D7F	RGB 99 141 127	#638D7F
33.3%	33.3% #699D84	RGB 105 157 132	#699D84
50.0%	50.0% #6FAC88	RGB 111 172 136	#6FAC88
66.7%	66.7% #74BC8D	RGB 116 188 141	#74BC8D
83.3%	83.3% #7ACB91	RGB 122 203 145	#7ACB91
100.0%	100.0% #80DB96	RGB 128 219 150	#80DB96

#5E7E7B #638D7F #699D84 #6FAC88 #74BC8D #7ACB91 #80DB96

#5E7E7B - #80DB96

HSV Blend

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

0.0%	0.0% #5E7E7B	RGB 94 126 123	#5E7E7B
16.7%	16.7% #658D85	RGB 101 141 133	#658D85
33.3%	33.3% #6C9D8D	RGB 108 157 141	#6C9D8D
50.0%	50.0% #72AC93	RGB 114 172 147	#72AC93
66.7%	66.7% #78BC97	RGB 120 188 151	#78BC97
83.3%	83.3% #7CCB98	RGB 124 203 152	#7CCB98
100.0%	100.0% #80DB96	RGB 128 219 150	#80DB96

#5E7E7B #658D85 #6C9D8D #72AC93 #78BC97 #7CCB98 #80DB96

#5E7E7B - #72AC93 - #80DB96

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7E7B 0%, #72AC93 50%, #80DB96 100%);
    background: -webkit-linear-gradient(top, #5E7E7B 0%, #72AC93 50%, #80DB96 100%);
    background: linear-gradient(to bottom, #5E7E7B 0%, #72AC93 50%, #80DB96 100%);
}
</style>