#00DA8C - #008F5D | 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 #00DA8C to #008F5D

#00DA8C #008F5D

Calculate the color between two colors, #00DA8C and #008F5D. 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)

#00DA8C - #008F5D | 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 #00DA8C as 0% and #008F5D as 100%.

0.0%	0.0% #00DA8C	RGB 0 218 140	#00DA8C
16.7%	16.7% #00CD84	RGB 0 205 132	#00CD84
33.3%	33.3% #00C17C	RGB 0 193 124	#00C17C
50.0%	50.0% #00B474	RGB 0 180 116	#00B474
66.7%	66.7% #00A86C	RGB 0 168 108	#00A86C
83.3%	83.3% #009B64	RGB 0 155 100	#009B64
100.0%	100.0% #008F5D	RGB 0 143 93	#008F5D

#00DA8C #00CD84 #00C17C #00B474 #00A86C #009B64 #008F5D

#00DA8C - #008F5D

HSV Blend

#00DA8C - #008F5D | 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 #00DA8C as 0% and #008F5D as 100%.

0.0%	0.0% #00DA8C	RGB 0 218 140	#00DA8C
16.7%	16.7% #00CD84	RGB 0 205 132	#00CD84
33.3%	33.3% #00C17C	RGB 0 193 124	#00C17C
50.0%	50.0% #00B474	RGB 0 180 116	#00B474
66.7%	66.7% #00A86C	RGB 0 168 108	#00A86C
83.3%	83.3% #009B64	RGB 0 155 100	#009B64
100.0%	100.0% #008F5D	RGB 0 143 93	#008F5D

#00DA8C #00CD84 #00C17C #00B474 #00A86C #009B64 #008F5D

#00DA8C - #00B474 - #008F5D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00DA8C 0%, #00B474 50%, #008F5D 100%);
    background: -webkit-linear-gradient(top, #00DA8C 0%, #00B474 50%, #008F5D 100%);
    background: linear-gradient(to bottom, #00DA8C 0%, #00B474 50%, #008F5D 100%);
}
</style>