#00A88E - #00734E | 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 #00A88E to #00734E

#00A88E #00734E

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

#00A88E - #00734E | 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 #00A88E as 0% and #00734E as 100%.

0.0%	0.0% #00A88E	RGB 0 168 142	#00A88E
16.7%	16.7% #009F83	RGB 0 159 131	#009F83
33.3%	33.3% #009678	RGB 0 150 120	#009678
50.0%	50.0% #008D6E	RGB 0 141 110	#008D6E
66.7%	66.7% #008463	RGB 0 132 99	#008463
83.3%	83.3% #007B58	RGB 0 123 88	#007B58
100.0%	100.0% #00734E	RGB 0 115 78	#00734E

#00A88E #009F83 #009678 #008D6E #008463 #007B58 #00734E

#00A88E - #00734E

HSV Blend

#00A88E - #00734E | 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 #00A88E as 0% and #00734E as 100%.

0.0%	0.0% #00A88E	RGB 0 168 142	#00A88E
16.7%	16.7% #009F82	RGB 0 159 130	#009F82
33.3%	33.3% #009676	RGB 0 150 118	#009676
50.0%	50.0% #008D6B	RGB 0 141 107	#008D6B
66.7%	66.7% #008461	RGB 0 132 97	#008461
83.3%	83.3% #007B57	RGB 0 123 87	#007B57
100.0%	100.0% #00734E	RGB 0 115 78	#00734E

#00A88E #009F82 #009676 #008D6B #008461 #007B57 #00734E

#00A88E - #008D6B - #00734E

CSS codes

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

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