#00CE8F - #00985C | 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 #00CE8F to #00985C

#00CE8F #00985C

Calculate the color between two colors, #00CE8F and #00985C. 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)

#00CE8F - #00985C | 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 #00CE8F as 0% and #00985C as 100%.

0.0%	0.0% #00CE8F	RGB 0 206 143	#00CE8F
16.7%	16.7% #00C586	RGB 0 197 134	#00C586
33.3%	33.3% #00BC7E	RGB 0 188 126	#00BC7E
50.0%	50.0% #00B375	RGB 0 179 117	#00B375
66.7%	66.7% #00AA6D	RGB 0 170 109	#00AA6D
83.3%	83.3% #00A164	RGB 0 161 100	#00A164
100.0%	100.0% #00985C	RGB 0 152 92	#00985C

#00CE8F #00C586 #00BC7E #00B375 #00AA6D #00A164 #00985C

#00CE8F - #00985C

HSV Blend

#00CE8F - #00985C | 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 #00CE8F as 0% and #00985C as 100%.

0.0%	0.0% #00CE8F	RGB 0 206 143	#00CE8F
16.7%	16.7% #00C585	RGB 0 197 133	#00C585
33.3%	33.3% #00BC7C	RGB 0 188 124	#00BC7C
50.0%	50.0% #00B374	RGB 0 179 116	#00B374
66.7%	66.7% #00AA6B	RGB 0 170 107	#00AA6B
83.3%	83.3% #00A163	RGB 0 161 99	#00A163
100.0%	100.0% #00985C	RGB 0 152 92	#00985C

#00CE8F #00C585 #00BC7C #00B374 #00AA6B #00A163 #00985C

#00CE8F - #00B374 - #00985C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00CE8F 0%, #00B374 50%, #00985C 100%);
    background: -webkit-linear-gradient(top, #00CE8F 0%, #00B374 50%, #00985C 100%);
    background: linear-gradient(to bottom, #00CE8F 0%, #00B374 50%, #00985C 100%);
}
</style>