#00BA8C - #B6EBDD | 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 #00BA8C to #B6EBDD

#00BA8C #B6EBDD

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

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

0.0%	0.0% #00BA8C	RGB 0 186 140	#00BA8C
16.7%	16.7% #1EC299	RGB 30 194 153	#1EC299
33.3%	33.3% #3CCAA7	RGB 60 202 167	#3CCAA7
50.0%	50.0% #5BD2B4	RGB 91 210 180	#5BD2B4
66.7%	66.7% #79DAC2	RGB 121 218 194	#79DAC2
83.3%	83.3% #97E2CF	RGB 151 226 207	#97E2CF
100.0%	100.0% #B6EBDD	RGB 182 235 221	#B6EBDD

#00BA8C #1EC299 #3CCAA7 #5BD2B4 #79DAC2 #97E2CF #B6EBDD

#00BA8C - #B6EBDD

HSV Blend

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

0.0%	0.0% #00BA8C	RGB 0 186 140	#00BA8C
16.7%	16.7% #19C297	RGB 25 194 151	#19C297
33.3%	33.3% #34CAA4	RGB 52 202 164	#34CAA4
50.0%	50.0% #51D2B1	RGB 81 210 177	#51D2B1
66.7%	66.7% #70DABF	RGB 112 218 191	#70DABF
83.3%	83.3% #92E2CD	RGB 146 226 205	#92E2CD
100.0%	100.0% #B6EBDD	RGB 182 235 221	#B6EBDD

#00BA8C #19C297 #34CAA4 #51D2B1 #70DABF #92E2CD #B6EBDD

#00BA8C - #51D2B1 - #B6EBDD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00BA8C 0%, #51D2B1 50%, #B6EBDD 100%);
    background: -webkit-linear-gradient(top, #00BA8C 0%, #51D2B1 50%, #B6EBDD 100%);
    background: linear-gradient(to bottom, #00BA8C 0%, #51D2B1 50%, #B6EBDD 100%);
}
</style>