#00FBA1 - #B6FDE4 | 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 #00FBA1 to #B6FDE4

#00FBA1 #B6FDE4

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

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

0.0%	0.0% #00FBA1	RGB 0 251 161	#00FBA1
16.7%	16.7% #1EFBAC	RGB 30 251 172	#1EFBAC
33.3%	33.3% #3CFBB7	RGB 60 251 183	#3CFBB7
50.0%	50.0% #5BFCC2	RGB 91 252 194	#5BFCC2
66.7%	66.7% #79FCCD	RGB 121 252 205	#79FCCD
83.3%	83.3% #97FCD8	RGB 151 252 216	#97FCD8
100.0%	100.0% #B6FDE4	RGB 182 253 228	#B6FDE4

#00FBA1 #1EFBAC #3CFBB7 #5BFCC2 #79FCCD #97FCD8 #B6FDE4

#00FBA1 - #B6FDE4

HSV Blend

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

0.0%	0.0% #00FBA1	RGB 0 251 161	#00FBA1
16.7%	16.7% #1EFBAC	RGB 30 251 172	#1EFBAC
33.3%	33.3% #3CFBB7	RGB 60 251 183	#3CFBB7
50.0%	50.0% #5AFCC2	RGB 90 252 194	#5AFCC2
66.7%	66.7% #79FCCD	RGB 121 252 205	#79FCCD
83.3%	83.3% #97FCD8	RGB 151 252 216	#97FCD8
100.0%	100.0% #B6FDE4	RGB 182 253 228	#B6FDE4

#00FBA1 #1EFBAC #3CFBB7 #5AFCC2 #79FCCD #97FCD8 #B6FDE4

#00FBA1 - #5AFCC2 - #B6FDE4

CSS codes

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

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