#2F9F9F - #006E5D | 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 #2F9F9F to #006E5D

#2F9F9F #006E5D

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

#2F9F9F - #006E5D | 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 #2F9F9F as 0% and #006E5D as 100%.

0.0%	0.0% #2F9F9F	RGB 47 159 159	#2F9F9F
16.7%	16.7% #279694	RGB 39 150 148	#279694
33.3%	33.3% #1F8E89	RGB 31 142 137	#1F8E89
50.0%	50.0% #17867E	RGB 23 134 126	#17867E
66.7%	66.7% #0F7E73	RGB 15 126 115	#0F7E73
83.3%	83.3% #077668	RGB 7 118 104	#077668
100.0%	100.0% #006E5D	RGB 0 110 93	#006E5D

#2F9F9F #279694 #1F8E89 #17867E #0F7E73 #077668 #006E5D

#2F9F9F - #006E5D

HSV Blend

#2F9F9F - #006E5D | 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 #2F9F9F as 0% and #006E5D as 100%.

0.0%	0.0% #2F9F9F	RGB 47 159 159	#2F9F9F
16.7%	16.7% #259693	RGB 37 150 147	#259693
33.3%	33.3% #1C8E88	RGB 28 142 136	#1C8E88
50.0%	50.0% #13867D	RGB 19 134 125	#13867D
66.7%	66.7% #0C7E72	RGB 12 126 114	#0C7E72
83.3%	83.3% #057667	RGB 5 118 103	#057667
100.0%	100.0% #006E5D	RGB 0 110 93	#006E5D

#2F9F9F #259693 #1C8E88 #13867D #0C7E72 #057667 #006E5D

#2F9F9F - #13867D - #006E5D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F9F9F 0%, #13867D 50%, #006E5D 100%);
    background: -webkit-linear-gradient(top, #2F9F9F 0%, #13867D 50%, #006E5D 100%);
    background: linear-gradient(to bottom, #2F9F9F 0%, #13867D 50%, #006E5D 100%);
}
</style>