#00AF9A - #007C5B | 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 #00AF9A to #007C5B

#00AF9A #007C5B

Calculate the color between two colors, #00AF9A and #007C5B. 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)

#00AF9A - #007C5B | 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 #00AF9A as 0% and #007C5B as 100%.

0.0%	0.0% #00AF9A	RGB 0 175 154	#00AF9A
16.7%	16.7% #00A68F	RGB 0 166 143	#00A68F
33.3%	33.3% #009E85	RGB 0 158 133	#009E85
50.0%	50.0% #00957A	RGB 0 149 122	#00957A
66.7%	66.7% #008D70	RGB 0 141 112	#008D70
83.3%	83.3% #008465	RGB 0 132 101	#008465
100.0%	100.0% #007C5B	RGB 0 124 91	#007C5B

#00AF9A #00A68F #009E85 #00957A #008D70 #008465 #007C5B

#00AF9A - #007C5B

HSV Blend

#00AF9A - #007C5B | 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 #00AF9A as 0% and #007C5B as 100%.

0.0%	0.0% #00AF99	RGB 0 175 153	#00AF99
16.7%	16.7% #00A68E	RGB 0 166 142	#00A68E
33.3%	33.3% #009E83	RGB 0 158 131	#009E83
50.0%	50.0% #009578	RGB 0 149 120	#009578
66.7%	66.7% #008D6E	RGB 0 141 110	#008D6E
83.3%	83.3% #008464	RGB 0 132 100	#008464
100.0%	100.0% #007C5B	RGB 0 124 91	#007C5B

#00AF99 #00A68E #009E83 #009578 #008D6E #008464 #007C5B

#00AF9A - #009578 - #007C5B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AF99 0%, #009578 50%, #007C5B 100%);
    background: -webkit-linear-gradient(top, #00AF99 0%, #009578 50%, #007C5B 100%);
    background: linear-gradient(to bottom, #00AF99 0%, #009578 50%, #007C5B 100%);
}
</style>