#2FBC87 - #0C7F5E | 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 #2FBC87 to #0C7F5E

#2FBC87 #0C7F5E

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

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

0.0%	0.0% #2FBC87	RGB 47 188 135	#2FBC87
16.7%	16.7% #29B180	RGB 41 177 128	#29B180
33.3%	33.3% #23A779	RGB 35 167 121	#23A779
50.0%	50.0% #1D9D72	RGB 29 157 114	#1D9D72
66.7%	66.7% #17936B	RGB 23 147 107	#17936B
83.3%	83.3% #118964	RGB 17 137 100	#118964
100.0%	100.0% #0C7F5E	RGB 12 127 94	#0C7F5E

#2FBC87 #29B180 #23A779 #1D9D72 #17936B #118964 #0C7F5E

#2FBC87 - #0C7F5E

HSV Blend

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

0.0%	0.0% #2FBC86	RGB 47 188 134	#2FBC86
16.7%	16.7% #27B180	RGB 39 177 128	#27B180
33.3%	33.3% #21A779	RGB 33 167 121	#21A779
50.0%	50.0% #1B9D72	RGB 27 157 114	#1B9D72
66.7%	66.7% #15936B	RGB 21 147 107	#15936B
83.3%	83.3% #108964	RGB 16 137 100	#108964
100.0%	100.0% #0C7F5E	RGB 12 127 94	#0C7F5E

#2FBC86 #27B180 #21A779 #1B9D72 #15936B #108964 #0C7F5E

#2FBC87 - #1B9D72 - #0C7F5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2FBC86 0%, #1B9D72 50%, #0C7F5E 100%);
    background: -webkit-linear-gradient(top, #2FBC86 0%, #1B9D72 50%, #0C7F5E 100%);
    background: linear-gradient(to bottom, #2FBC86 0%, #1B9D72 50%, #0C7F5E 100%);
}
</style>