#00AD8C - #00774E | 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 #00AD8C to #00774E

#00AD8C #00774E

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

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

0.0%	0.0% #00AD8C	RGB 0 173 140	#00AD8C
16.7%	16.7% #00A481	RGB 0 164 129	#00A481
33.3%	33.3% #009B77	RGB 0 155 119	#009B77
50.0%	50.0% #00926D	RGB 0 146 109	#00926D
66.7%	66.7% #008962	RGB 0 137 98	#008962
83.3%	83.3% #008058	RGB 0 128 88	#008058
100.0%	100.0% #00774E	RGB 0 119 78	#00774E

#00AD8C #00A481 #009B77 #00926D #008962 #008058 #00774E

#00AD8C - #00774E

HSV Blend

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

0.0%	0.0% #00AD8C	RGB 0 173 140	#00AD8C
16.7%	16.7% #00A480	RGB 0 164 128	#00A480
33.3%	33.3% #009B75	RGB 0 155 117	#009B75
50.0%	50.0% #00926A	RGB 0 146 106	#00926A
66.7%	66.7% #008960	RGB 0 137 96	#008960
83.3%	83.3% #008057	RGB 0 128 87	#008057
100.0%	100.0% #00774E	RGB 0 119 78	#00774E

#00AD8C #00A480 #009B75 #00926A #008960 #008057 #00774E

#00AD8C - #00926A - #00774E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AD8C 0%, #00926A 50%, #00774E 100%);
    background: -webkit-linear-gradient(top, #00AD8C 0%, #00926A 50%, #00774E 100%);
    background: linear-gradient(to bottom, #00AD8C 0%, #00926A 50%, #00774E 100%);
}
</style>