#00B5AF - #008571 | 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 #00B5AF to #008571

#00B5AF #008571

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

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

0.0%	0.0% #00B5AF	RGB 0 181 175	#00B5AF
16.7%	16.7% #00ADA4	RGB 0 173 164	#00ADA4
33.3%	33.3% #00A59A	RGB 0 165 154	#00A59A
50.0%	50.0% #009D90	RGB 0 157 144	#009D90
66.7%	66.7% #009585	RGB 0 149 133	#009585
83.3%	83.3% #008D7B	RGB 0 141 123	#008D7B
100.0%	100.0% #008571	RGB 0 133 113	#008571

#00B5AF #00ADA4 #00A59A #009D90 #009585 #008D7B #008571

#00B5AF - #008571

HSV Blend

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

0.0%	0.0% #00B5AE	RGB 0 181 174	#00B5AE
16.7%	16.7% #00ADA3	RGB 0 173 163	#00ADA3
33.3%	33.3% #00A599	RGB 0 165 153	#00A599
50.0%	50.0% #009D8E	RGB 0 157 142	#009D8E
66.7%	66.7% #009584	RGB 0 149 132	#009584
83.3%	83.3% #008D7A	RGB 0 141 122	#008D7A
100.0%	100.0% #008571	RGB 0 133 113	#008571

#00B5AE #00ADA3 #00A599 #009D8E #009584 #008D7A #008571

#00B5AF - #009D8E - #008571

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B5AE 0%, #009D8E 50%, #008571 100%);
    background: -webkit-linear-gradient(top, #00B5AE 0%, #009D8E 50%, #008571 100%);
    background: linear-gradient(to bottom, #00B5AE 0%, #009D8E 50%, #008571 100%);
}
</style>