#2FC9C2 - #009C8F | 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 #2FC9C2 to #009C8F

#2FC9C2 #009C8F

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

#2FC9C2 - #009C8F | 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 #2FC9C2 as 0% and #009C8F as 100%.

0.0%	0.0% #2FC9C2	RGB 47 201 194	#2FC9C2
16.7%	16.7% #27C1B9	RGB 39 193 185	#27C1B9
33.3%	33.3% #1FBAB1	RGB 31 186 177	#1FBAB1
50.0%	50.0% #17B2A8	RGB 23 178 168	#17B2A8
66.7%	66.7% #0FABA0	RGB 15 171 160	#0FABA0
83.3%	83.3% #07A397	RGB 7 163 151	#07A397
100.0%	100.0% #009C8F	RGB 0 156 143	#009C8F

#2FC9C2 #27C1B9 #1FBAB1 #17B2A8 #0FABA0 #07A397 #009C8F

#2FC9C2 - #009C8F

HSV Blend

#2FC9C2 - #009C8F | 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 #2FC9C2 as 0% and #009C8F as 100%.

0.0%	0.0% #2EC9C2	RGB 46 201 194	#2EC9C2
16.7%	16.7% #25C1B9	RGB 37 193 185	#25C1B9
33.3%	33.3% #1CBAB0	RGB 28 186 176	#1CBAB0
50.0%	50.0% #14B2A8	RGB 20 178 168	#14B2A8
66.7%	66.7% #0DAB9F	RGB 13 171 159	#0DAB9F
83.3%	83.3% #06A397	RGB 6 163 151	#06A397
100.0%	100.0% #009C8F	RGB 0 156 143	#009C8F

#2EC9C2 #25C1B9 #1CBAB0 #14B2A8 #0DAB9F #06A397 #009C8F

#2FC9C2 - #14B2A8 - #009C8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2EC9C2 0%, #14B2A8 50%, #009C8F 100%);
    background: -webkit-linear-gradient(top, #2EC9C2 0%, #14B2A8 50%, #009C8F 100%);
    background: linear-gradient(to bottom, #2EC9C2 0%, #14B2A8 50%, #009C8F 100%);
}
</style>