#2EB6AE - #008672 | 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 #2EB6AE to #008672

#2EB6AE #008672

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

#2EB6AE - #008672 | 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 #2EB6AE as 0% and #008672 as 100%.

0.0%	0.0% #2EB6AE	RGB 46 182 174	#2EB6AE
16.7%	16.7% #26AEA4	RGB 38 174 164	#26AEA4
33.3%	33.3% #1EA69A	RGB 30 166 154	#1EA69A
50.0%	50.0% #179E90	RGB 23 158 144	#179E90
66.7%	66.7% #0F9686	RGB 15 150 134	#0F9686
83.3%	83.3% #078E7C	RGB 7 142 124	#078E7C
100.0%	100.0% #008672	RGB 0 134 114	#008672

#2EB6AE #26AEA4 #1EA69A #179E90 #0F9686 #078E7C #008672

#2EB6AE - #008672

HSV Blend

#2EB6AE - #008672 | 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 #2EB6AE as 0% and #008672 as 100%.

0.0%	0.0% #2DB6AE	RGB 45 182 174	#2DB6AE
16.7%	16.7% #24AEA3	RGB 36 174 163	#24AEA3
33.3%	33.3% #1BA699	RGB 27 166 153	#1BA699
50.0%	50.0% #139E8F	RGB 19 158 143	#139E8F
66.7%	66.7% #0C9685	RGB 12 150 133	#0C9685
83.3%	83.3% #058E7B	RGB 5 142 123	#058E7B
100.0%	100.0% #008672	RGB 0 134 114	#008672

#2DB6AE #24AEA3 #1BA699 #139E8F #0C9685 #058E7B #008672

#2EB6AE - #139E8F - #008672

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2DB6AE 0%, #139E8F 50%, #008672 100%);
    background: -webkit-linear-gradient(top, #2DB6AE 0%, #139E8F 50%, #008672 100%);
    background: linear-gradient(to bottom, #2DB6AE 0%, #139E8F 50%, #008672 100%);
}
</style>