#00BAA7 - #00886B | 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 #00BAA7 to #00886B

#00BAA7 #00886B

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

#00BAA7 - #00886B | 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 #00BAA7 as 0% and #00886B as 100%.

0.0%	0.0% #00BAA7	RGB 0 186 167	#00BAA7
16.7%	16.7% #00B19D	RGB 0 177 157	#00B19D
33.3%	33.3% #00A993	RGB 0 169 147	#00A993
50.0%	50.0% #00A189	RGB 0 161 137	#00A189
66.7%	66.7% #00987F	RGB 0 152 127	#00987F
83.3%	83.3% #009075	RGB 0 144 117	#009075
100.0%	100.0% #00886B	RGB 0 136 107	#00886B

#00BAA7 #00B19D #00A993 #00A189 #00987F #009075 #00886B

#00BAA7 - #00886B

HSV Blend

#00BAA7 - #00886B | 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 #00BAA7 as 0% and #00886B as 100%.

0.0%	0.0% #00BAA7	RGB 0 186 167	#00BAA7
16.7%	16.7% #00B19C	RGB 0 177 156	#00B19C
33.3%	33.3% #00A991	RGB 0 169 145	#00A991
50.0%	50.0% #00A187	RGB 0 161 135	#00A187
66.7%	66.7% #00987D	RGB 0 152 125	#00987D
83.3%	83.3% #009074	RGB 0 144 116	#009074
100.0%	100.0% #00886B	RGB 0 136 107	#00886B

#00BAA7 #00B19C #00A991 #00A187 #00987D #009074 #00886B

#00BAA7 - #00A187 - #00886B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00BAA7 0%, #00A187 50%, #00886B 100%);
    background: -webkit-linear-gradient(top, #00BAA7 0%, #00A187 50%, #00886B 100%);
    background: linear-gradient(to bottom, #00BAA7 0%, #00A187 50%, #00886B 100%);
}
</style>