#2DCC8F - #00985B | 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 #2DCC8F to #00985B

#2DCC8F #00985B

Calculate the color between two colors, #2DCC8F and #00985B. 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)

#2DCC8F - #00985B | 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 #2DCC8F as 0% and #00985B as 100%.

0.0%	0.0% #2DCC8F	RGB 45 204 143	#2DCC8F
16.7%	16.7% #25C386	RGB 37 195 134	#25C386
33.3%	33.3% #1EBA7D	RGB 30 186 125	#1EBA7D
50.0%	50.0% #16B275	RGB 22 178 117	#16B275
66.7%	66.7% #0EA96C	RGB 14 169 108	#0EA96C
83.3%	83.3% #07A063	RGB 7 160 99	#07A063
100.0%	100.0% #00985B	RGB 0 152 91	#00985B

#2DCC8F #25C386 #1EBA7D #16B275 #0EA96C #07A063 #00985B

#2DCC8F - #00985B

HSV Blend

#2DCC8F - #00985B | 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 #2DCC8F as 0% and #00985B as 100%.

0.0%	0.0% #2CCC8F	RGB 44 204 143	#2CCC8F
16.7%	16.7% #23C385	RGB 35 195 133	#23C385
33.3%	33.3% #1BBA7C	RGB 27 186 124	#1BBA7C
50.0%	50.0% #13B273	RGB 19 178 115	#13B273
66.7%	66.7% #0CA96B	RGB 12 169 107	#0CA96B
83.3%	83.3% #05A063	RGB 5 160 99	#05A063
100.0%	100.0% #00985B	RGB 0 152 91	#00985B

#2CCC8F #23C385 #1BBA7C #13B273 #0CA96B #05A063 #00985B

#2DCC8F - #13B273 - #00985B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2CCC8F 0%, #13B273 50%, #00985B 100%);
    background: -webkit-linear-gradient(top, #2CCC8F 0%, #13B273 50%, #00985B 100%);
    background: linear-gradient(to bottom, #2CCC8F 0%, #13B273 50%, #00985B 100%);
}
</style>