#00D3B9 - #B6F2EB | 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 #00D3B9 to #B6F2EB

#00D3B9 #B6F2EB

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

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

0.0%	0.0% #00D3B9	RGB 0 211 185	#00D3B9
16.7%	16.7% #1ED8C1	RGB 30 216 193	#1ED8C1
33.3%	33.3% #3CDDC9	RGB 60 221 201	#3CDDC9
50.0%	50.0% #5BE2D2	RGB 91 226 210	#5BE2D2
66.7%	66.7% #79E7DA	RGB 121 231 218	#79E7DA
83.3%	83.3% #97ECE2	RGB 151 236 226	#97ECE2
100.0%	100.0% #B6F2EB	RGB 182 242 235	#B6F2EB

#00D3B9 #1ED8C1 #3CDDC9 #5BE2D2 #79E7DA #97ECE2 #B6F2EB

#00D3B9 - #B6F2EB

HSV Blend

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

0.0%	0.0% #00D3B9	RGB 0 211 185	#00D3B9
16.7%	16.7% #1BD8C1	RGB 27 216 193	#1BD8C1
33.3%	33.3% #37DDC9	RGB 55 221 201	#37DDC9
50.0%	50.0% #55E2D1	RGB 85 226 209	#55E2D1
66.7%	66.7% #74E7D9	RGB 116 231 217	#74E7D9
83.3%	83.3% #94ECE2	RGB 148 236 226	#94ECE2
100.0%	100.0% #B6F2EB	RGB 182 242 235	#B6F2EB

#00D3B9 #1BD8C1 #37DDC9 #55E2D1 #74E7D9 #94ECE2 #B6F2EB

#00D3B9 - #55E2D1 - #B6F2EB

CSS codes

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

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