#00A081 - #006942 | 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 #00A081 to #006942

#00A081 #006942

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

#00A081 - #006942 | 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 #00A081 as 0% and #006942 as 100%.

0.0%	0.0% #00A081	RGB 0 160 129	#00A081
16.7%	16.7% #009676	RGB 0 150 118	#009676
33.3%	33.3% #008D6C	RGB 0 141 108	#008D6C
50.0%	50.0% #008461	RGB 0 132 97	#008461
66.7%	66.7% #007B57	RGB 0 123 87	#007B57
83.3%	83.3% #00724C	RGB 0 114 76	#00724C
100.0%	100.0% #006942	RGB 0 105 66	#006942

#00A081 #009676 #008D6C #008461 #007B57 #00724C #006942

#00A081 - #006942

HSV Blend

#00A081 - #006942 | 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 #00A081 as 0% and #006942 as 100%.

0.0%	0.0% #00A081	RGB 0 160 129	#00A081
16.7%	16.7% #009675	RGB 0 150 117	#009675
33.3%	33.3% #008D69	RGB 0 141 105	#008D69
50.0%	50.0% #00845F	RGB 0 132 95	#00845F
66.7%	66.7% #007B54	RGB 0 123 84	#007B54
83.3%	83.3% #00724B	RGB 0 114 75	#00724B
100.0%	100.0% #006942	RGB 0 105 66	#006942

#00A081 #009675 #008D69 #00845F #007B54 #00724B #006942

#00A081 - #00845F - #006942

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A081 0%, #00845F 50%, #006942 100%);
    background: -webkit-linear-gradient(top, #00A081 0%, #00845F 50%, #006942 100%);
    background: linear-gradient(to bottom, #00A081 0%, #00845F 50%, #006942 100%);
}
</style>