#00A8A2 - #00775F | 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 #00A8A2 to #00775F

#00A8A2 #00775F

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

#00A8A2 - #00775F | 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 #00A8A2 as 0% and #00775F as 100%.

0.0%	0.0% #00A8A2	RGB 0 168 162	#00A8A2
16.7%	16.7% #009F96	RGB 0 159 150	#009F96
33.3%	33.3% #00978B	RGB 0 151 139	#00978B
50.0%	50.0% #008F80	RGB 0 143 128	#008F80
66.7%	66.7% #008775	RGB 0 135 117	#008775
83.3%	83.3% #007F6A	RGB 0 127 106	#007F6A
100.0%	100.0% #00775F	RGB 0 119 95	#00775F

#00A8A2 #009F96 #00978B #008F80 #008775 #007F6A #00775F

#00A8A2 - #00775F

HSV Blend

#00A8A2 - #00775F | 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 #00A8A2 as 0% and #00775F as 100%.

0.0%	0.0% #00A8A1	RGB 0 168 161	#00A8A1
16.7%	16.7% #009F95	RGB 0 159 149	#009F95
33.3%	33.3% #009789	RGB 0 151 137	#009789
50.0%	50.0% #008F7E	RGB 0 143 126	#008F7E
66.7%	66.7% #008773	RGB 0 135 115	#008773
83.3%	83.3% #007F69	RGB 0 127 105	#007F69
100.0%	100.0% #00775F	RGB 0 119 95	#00775F

#00A8A1 #009F95 #009789 #008F7E #008773 #007F69 #00775F

#00A8A2 - #008F7E - #00775F

CSS codes

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

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