#2D7E7E - #97C895 | 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 #2D7E7E to #97C895

#2D7E7E #97C895

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

#2D7E7E - #97C895 | 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 #2D7E7E as 0% and #97C895 as 100%.

0.0%	0.0% #2D7E7E	RGB 45 126 126	#2D7E7E
16.7%	16.7% #3E8A81	RGB 62 138 129	#3E8A81
33.3%	33.3% #509685	RGB 80 150 133	#509685
50.0%	50.0% #62A389	RGB 98 163 137	#62A389
66.7%	66.7% #73AF8D	RGB 115 175 141	#73AF8D
83.3%	83.3% #85BB91	RGB 133 187 145	#85BB91
100.0%	100.0% #97C895	RGB 151 200 149	#97C895

#2D7E7E #3E8A81 #509685 #62A389 #73AF8D #85BB91 #97C895

#2D7E7E - #97C895

HSV Blend

#2D7E7E - #97C895 | 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 #2D7E7E as 0% and #97C895 as 100%.

0.0%	0.0% #2D7E7E	RGB 45 126 126	#2D7E7E
16.7%	16.7% #3A8A7C	RGB 58 138 124	#3A8A7C
33.3%	33.3% #49967B	RGB 73 150 123	#49967B
50.0%	50.0% #59A37C	RGB 89 163 124	#59A37C
66.7%	66.7% #6BAF80	RGB 107 175 128	#6BAF80
83.3%	83.3% #7FBB87	RGB 127 187 135	#7FBB87
100.0%	100.0% #97C895	RGB 151 200 149	#97C895

#2D7E7E #3A8A7C #49967B #59A37C #6BAF80 #7FBB87 #97C895

#2D7E7E - #59A37C - #97C895

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D7E7E 0%, #59A37C 50%, #97C895 100%);
    background: -webkit-linear-gradient(top, #2D7E7E 0%, #59A37C 50%, #97C895 100%);
    background: linear-gradient(to bottom, #2D7E7E 0%, #59A37C 50%, #97C895 100%);
}
</style>