#00AF7E - #007544 | 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 #00AF7E to #007544

#00AF7E #007544

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

#00AF7E - #007544 | 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 #00AF7E as 0% and #007544 as 100%.

0.0%	0.0% #00AF7E	RGB 0 175 126	#00AF7E
16.7%	16.7% #00A574	RGB 0 165 116	#00A574
33.3%	33.3% #009B6A	RGB 0 155 106	#009B6A
50.0%	50.0% #009261	RGB 0 146 97	#009261
66.7%	66.7% #008857	RGB 0 136 87	#008857
83.3%	83.3% #007E4D	RGB 0 126 77	#007E4D
100.0%	100.0% #007544	RGB 0 117 68	#007544

#00AF7E #00A574 #009B6A #009261 #008857 #007E4D #007544

#00AF7E - #007544

HSV Blend

#00AF7E - #007544 | 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 #00AF7E as 0% and #007544 as 100%.

0.0%	0.0% #00AF7E	RGB 0 175 126	#00AF7E
16.7%	16.7% #00A573	RGB 0 165 115	#00A573
33.3%	33.3% #009B68	RGB 0 155 104	#009B68
50.0%	50.0% #00925E	RGB 0 146 94	#00925E
66.7%	66.7% #008855	RGB 0 136 85	#008855
83.3%	83.3% #007E4C	RGB 0 126 76	#007E4C
100.0%	100.0% #007544	RGB 0 117 68	#007544

#00AF7E #00A573 #009B68 #00925E #008855 #007E4C #007544

#00AF7E - #00925E - #007544

CSS codes

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

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