#008A85 - #005A3E | 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 #008A85 to #005A3E

#008A85 #005A3E

Calculate the color between two colors, #008A85 and #005A3E. 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)

#008A85 - #005A3E | 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 #008A85 as 0% and #005A3E as 100%.

0.0%	0.0% #008A85	RGB 0 138 133	#008A85
16.7%	16.7% #008279	RGB 0 130 121	#008279
33.3%	33.3% #007A6D	RGB 0 122 109	#007A6D
50.0%	50.0% #007261	RGB 0 114 97	#007261
66.7%	66.7% #006A55	RGB 0 106 85	#006A55
83.3%	83.3% #006249	RGB 0 98 73	#006249
100.0%	100.0% #005A3E	RGB 0 90 62	#005A3E

#008A85 #008279 #007A6D #007261 #006A55 #006249 #005A3E

#008A85 - #005A3E

HSV Blend

#008A85 - #005A3E | 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 #008A85 as 0% and #005A3E as 100%.

0.0%	0.0% #008A85	RGB 0 138 133	#008A85
16.7%	16.7% #008277	RGB 0 130 119	#008277
33.3%	33.3% #007A6A	RGB 0 122 106	#007A6A
50.0%	50.0% #00725E	RGB 0 114 94	#00725E
66.7%	66.7% #006A52	RGB 0 106 82	#006A52
83.3%	83.3% #006248	RGB 0 98 72	#006248
100.0%	100.0% #005A3E	RGB 0 90 62	#005A3E

#008A85 #008277 #007A6A #00725E #006A52 #006248 #005A3E

#008A85 - #00725E - #005A3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008A85 0%, #00725E 50%, #005A3E 100%);
    background: -webkit-linear-gradient(top, #008A85 0%, #00725E 50%, #005A3E 100%);
    background: linear-gradient(to bottom, #008A85 0%, #00725E 50%, #005A3E 100%);
}
</style>