#00B7B2 - #008775 | 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 #00B7B2 to #008775

#00B7B2 #008775

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

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

0.0%	0.0% #00B7B2	RGB 0 183 178	#00B7B2
16.7%	16.7% #00AFA7	RGB 0 175 167	#00AFA7
33.3%	33.3% #00A79D	RGB 0 167 157	#00A79D
50.0%	50.0% #009F93	RGB 0 159 147	#009F93
66.7%	66.7% #009789	RGB 0 151 137	#009789
83.3%	83.3% #008F7F	RGB 0 143 127	#008F7F
100.0%	100.0% #008775	RGB 0 135 117	#008775

#00B7B2 #00AFA7 #00A79D #009F93 #009789 #008F7F #008775

#00B7B2 - #008775

HSV Blend

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

0.0%	0.0% #00B7B2	RGB 0 183 178	#00B7B2
16.7%	16.7% #00AFA7	RGB 0 175 167	#00AFA7
33.3%	33.3% #00A79C	RGB 0 167 156	#00A79C
50.0%	50.0% #009F92	RGB 0 159 146	#009F92
66.7%	66.7% #009788	RGB 0 151 136	#009788
83.3%	83.3% #008F7E	RGB 0 143 126	#008F7E
100.0%	100.0% #008775	RGB 0 135 117	#008775

#00B7B2 #00AFA7 #00A79C #009F92 #009788 #008F7E #008775

#00B7B2 - #009F92 - #008775

CSS codes

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

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