#00A79D - #00755B | 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 #00A79D to #00755B

#00A79D #00755B

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

#00A79D - #00755B | 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 #00A79D as 0% and #00755B as 100%.

0.0%	0.0% #00A79D	RGB 0 167 157	#00A79D
16.7%	16.7% #009E92	RGB 0 158 146	#009E92
33.3%	33.3% #009687	RGB 0 150 135	#009687
50.0%	50.0% #008E7C	RGB 0 142 124	#008E7C
66.7%	66.7% #008571	RGB 0 133 113	#008571
83.3%	83.3% #007D66	RGB 0 125 102	#007D66
100.0%	100.0% #00755B	RGB 0 117 91	#00755B

#00A79D #009E92 #009687 #008E7C #008571 #007D66 #00755B

#00A79D - #00755B

HSV Blend

#00A79D - #00755B | 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 #00A79D as 0% and #00755B as 100%.

0.0%	0.0% #00A79C	RGB 0 167 156	#00A79C
16.7%	16.7% #009E90	RGB 0 158 144	#009E90
33.3%	33.3% #009685	RGB 0 150 133	#009685
50.0%	50.0% #008E79	RGB 0 142 121	#008E79
66.7%	66.7% #00856F	RGB 0 133 111	#00856F
83.3%	83.3% #007D64	RGB 0 125 100	#007D64
100.0%	100.0% #00755B	RGB 0 117 91	#00755B

#00A79C #009E90 #009685 #008E79 #00856F #007D64 #00755B

#00A79D - #008E79 - #00755B

CSS codes

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

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