#00BABA - #B6EBEB | 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 #00BABA to #B6EBEB

#00BABA #B6EBEB

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

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

0.0%	0.0% #00BABA	RGB 0 186 186	#00BABA
16.7%	16.7% #1EC2C2	RGB 30 194 194	#1EC2C2
33.3%	33.3% #3CCACA	RGB 60 202 202	#3CCACA
50.0%	50.0% #5BD2D2	RGB 91 210 210	#5BD2D2
66.7%	66.7% #79DADA	RGB 121 218 218	#79DADA
83.3%	83.3% #97E2E2	RGB 151 226 226	#97E2E2
100.0%	100.0% #B6EBEB	RGB 182 235 235	#B6EBEB

#00BABA #1EC2C2 #3CCACA #5BD2D2 #79DADA #97E2E2 #B6EBEB

#00BABA - #B6EBEB

HSV Blend

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

0.0%	0.0% #00BABA	RGB 0 186 186	#00BABA
16.7%	16.7% #19C2C2	RGB 25 194 194	#19C2C2
33.3%	33.3% #34CACA	RGB 52 202 202	#34CACA
50.0%	50.0% #51D2D2	RGB 81 210 210	#51D2D2
66.7%	66.7% #70DADA	RGB 112 218 218	#70DADA
83.3%	83.3% #92E2E2	RGB 146 226 226	#92E2E2
100.0%	100.0% #B6EBEB	RGB 182 235 235	#B6EBEB

#00BABA #19C2C2 #34CACA #51D2D2 #70DADA #92E2E2 #B6EBEB

#00BABA - #51D2D2 - #B6EBEB

CSS codes

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

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