#2DCC7B - #00934C | 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 #2DCC7B to #00934C

#2DCC7B #00934C

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

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

0.0%	0.0% #2DCC7B	RGB 45 204 123	#2DCC7B
16.7%	16.7% #25C273	RGB 37 194 115	#25C273
33.3%	33.3% #1EB96B	RGB 30 185 107	#1EB96B
50.0%	50.0% #16AF63	RGB 22 175 99	#16AF63
66.7%	66.7% #0EA65B	RGB 14 166 91	#0EA65B
83.3%	83.3% #079C53	RGB 7 156 83	#079C53
100.0%	100.0% #00934C	RGB 0 147 76	#00934C

#2DCC7B #25C273 #1EB96B #16AF63 #0EA65B #079C53 #00934C

#2DCC7B - #00934C

HSV Blend

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

0.0%	0.0% #2CCC7B	RGB 44 204 123	#2CCC7B
16.7%	16.7% #23C272	RGB 35 194 114	#23C272
33.3%	33.3% #1BB96A	RGB 27 185 106	#1BB96A
50.0%	50.0% #13AF62	RGB 19 175 98	#13AF62
66.7%	66.7% #0CA65A	RGB 12 166 90	#0CA65A
83.3%	83.3% #059C53	RGB 5 156 83	#059C53
100.0%	100.0% #00934C	RGB 0 147 76	#00934C

#2CCC7B #23C272 #1BB96A #13AF62 #0CA65A #059C53 #00934C

#2DCC7B - #13AF62 - #00934C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2CCC7B 0%, #13AF62 50%, #00934C 100%);
    background: -webkit-linear-gradient(top, #2CCC7B 0%, #13AF62 50%, #00934C 100%);
    background: linear-gradient(to bottom, #2CCC7B 0%, #13AF62 50%, #00934C 100%);
}
</style>