#2FBCAC - #00693C | 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 #2FBCAC to #00693C

#2FBCAC #00693C

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

#2FBCAC - #00693C | 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 #2FBCAC as 0% and #00693C as 100%.

0.0%	0.0% #2FBCAC	RGB 47 188 172	#2FBCAC
16.7%	16.7% #27AE99	RGB 39 174 153	#27AE99
33.3%	33.3% #1FA086	RGB 31 160 134	#1FA086
50.0%	50.0% #179274	RGB 23 146 116	#179274
66.7%	66.7% #0F8461	RGB 15 132 97	#0F8461
83.3%	83.3% #07764E	RGB 7 118 78	#07764E
100.0%	100.0% #00693C	RGB 0 105 60	#00693C

#2FBCAC #27AE99 #1FA086 #179274 #0F8461 #07764E #00693C

#2FBCAC - #00693C

HSV Blend

#2FBCAC - #00693C | 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 #2FBCAC as 0% and #00693C as 100%.

0.0%	0.0% #2FBCAC	RGB 47 188 172	#2FBCAC
16.7%	16.7% #24AE97	RGB 36 174 151	#24AE97
33.3%	33.3% #1AA083	RGB 26 160 131	#1AA083
50.0%	50.0% #12926F	RGB 18 146 111	#12926F
66.7%	66.7% #0B845D	RGB 11 132 93	#0B845D
83.3%	83.3% #04764C	RGB 4 118 76	#04764C
100.0%	100.0% #00693C	RGB 0 105 60	#00693C

#2FBCAC #24AE97 #1AA083 #12926F #0B845D #04764C #00693C

#2FBCAC - #12926F - #00693C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2FBCAC 0%, #12926F 50%, #00693C 100%);
    background: -webkit-linear-gradient(top, #2FBCAC 0%, #12926F 50%, #00693C 100%);
    background: linear-gradient(to bottom, #2FBCAC 0%, #12926F 50%, #00693C 100%);
}
</style>