#00B5AD - #B6E9E7 | 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 #00B5AD to #B6E9E7

#00B5AD #B6E9E7

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

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

0.0%	0.0% #00B5AD	RGB 0 181 173	#00B5AD
16.7%	16.7% #1EBDB6	RGB 30 189 182	#1EBDB6
33.3%	33.3% #3CC6C0	RGB 60 198 192	#3CC6C0
50.0%	50.0% #5BCFCA	RGB 91 207 202	#5BCFCA
66.7%	66.7% #79D7D3	RGB 121 215 211	#79D7D3
83.3%	83.3% #97E0DD	RGB 151 224 221	#97E0DD
100.0%	100.0% #B6E9E7	RGB 182 233 231	#B6E9E7

#00B5AD #1EBDB6 #3CC6C0 #5BCFCA #79D7D3 #97E0DD #B6E9E7

#00B5AD - #B6E9E7

HSV Blend

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

0.0%	0.0% #00B5AD	RGB 0 181 173	#00B5AD
16.7%	16.7% #18BDB6	RGB 24 189 182	#18BDB6
33.3%	33.3% #33C6C0	RGB 51 198 192	#33C6C0
50.0%	50.0% #50CFC9	RGB 80 207 201	#50CFC9
66.7%	66.7% #70D7D3	RGB 112 215 211	#70D7D3
83.3%	83.3% #92E0DD	RGB 146 224 221	#92E0DD
100.0%	100.0% #B6E9E7	RGB 182 233 231	#B6E9E7

#00B5AD #18BDB6 #33C6C0 #50CFC9 #70D7D3 #92E0DD #B6E9E7

#00B5AD - #50CFC9 - #B6E9E7

CSS codes

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

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