#00B9BC - #076D76 | 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 #00B9BC to #076D76

#00B9BC #076D76

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

#00B9BC - #076D76 | 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 #00B9BC as 0% and #076D76 as 100%.

0.0%	0.0% #00B9BC	RGB 0 185 188	#00B9BC
16.7%	16.7% #01ACB0	RGB 1 172 176	#01ACB0
33.3%	33.3% #029FA4	RGB 2 159 164	#029FA4
50.0%	50.0% #039399	RGB 3 147 153	#039399
66.7%	66.7% #04868D	RGB 4 134 141	#04868D
83.3%	83.3% #057981	RGB 5 121 129	#057981
100.0%	100.0% #076D76	RGB 7 109 118	#076D76

#00B9BC #01ACB0 #029FA4 #039399 #04868D #057981 #076D76

#00B9BC - #076D76

HSV Blend

#00B9BC - #076D76 | 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 #00B9BC as 0% and #076D76 as 100%.

0.0%	0.0% #00B9BC	RGB 0 185 188	#00B9BC
16.7%	16.7% #01ABB0	RGB 1 171 176	#01ABB0
33.3%	33.3% #039EA4	RGB 3 158 164	#039EA4
50.0%	50.0% #049199	RGB 4 145 153	#049199
66.7%	66.7% #05858D	RGB 5 133 141	#05858D
83.3%	83.3% #067981	RGB 6 121 129	#067981
100.0%	100.0% #076D76	RGB 7 109 118	#076D76

#00B9BC #01ABB0 #039EA4 #049199 #05858D #067981 #076D76

#00B9BC - #049199 - #076D76

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B9BC 0%, #049199 50%, #076D76 100%);
    background: -webkit-linear-gradient(top, #00B9BC 0%, #049199 50%, #076D76 100%);
    background: linear-gradient(to bottom, #00B9BC 0%, #049199 50%, #076D76 100%);
}
</style>