#2EC6B5 - #00977F | 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 #2EC6B5 to #00977F

#2EC6B5 #00977F

Calculate the color between two colors, #2EC6B5 and #00977F. 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)

#2EC6B5 - #00977F | 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 #2EC6B5 as 0% and #00977F as 100%.

0.0%	0.0% #2EC6B5	RGB 46 198 181	#2EC6B5
16.7%	16.7% #26BEAC	RGB 38 190 172	#26BEAC
33.3%	33.3% #1EB6A3	RGB 30 182 163	#1EB6A3
50.0%	50.0% #17AE9A	RGB 23 174 154	#17AE9A
66.7%	66.7% #0FA691	RGB 15 166 145	#0FA691
83.3%	83.3% #079E88	RGB 7 158 136	#079E88
100.0%	100.0% #00977F	RGB 0 151 127	#00977F

#2EC6B5 #26BEAC #1EB6A3 #17AE9A #0FA691 #079E88 #00977F

#2EC6B5 - #00977F

HSV Blend

#2EC6B5 - #00977F | 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 #2EC6B5 as 0% and #00977F as 100%.

0.0%	0.0% #2EC6B5	RGB 46 198 181	#2EC6B5
16.7%	16.7% #24BEAB	RGB 36 190 171	#24BEAB
33.3%	33.3% #1CB6A2	RGB 28 182 162	#1CB6A2
50.0%	50.0% #14AE99	RGB 20 174 153	#14AE99
66.7%	66.7% #0CA690	RGB 12 166 144	#0CA690
83.3%	83.3% #069E87	RGB 6 158 135	#069E87
100.0%	100.0% #00977F	RGB 0 151 127	#00977F

#2EC6B5 #24BEAB #1CB6A2 #14AE99 #0CA690 #069E87 #00977F

#2EC6B5 - #14AE99 - #00977F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2EC6B5 0%, #14AE99 50%, #00977F 100%);
    background: -webkit-linear-gradient(top, #2EC6B5 0%, #14AE99 50%, #00977F 100%);
    background: linear-gradient(to bottom, #2EC6B5 0%, #14AE99 50%, #00977F 100%);
}
</style>