#00D5A8 - #B6F3E6 | 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 #00D5A8 to #B6F3E6

#00D5A8 #B6F3E6

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

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

0.0%	0.0% #00D5A8	RGB 0 213 168	#00D5A8
16.7%	16.7% #1EDAB2	RGB 30 218 178	#1EDAB2
33.3%	33.3% #3CDFBC	RGB 60 223 188	#3CDFBC
50.0%	50.0% #5BE4C7	RGB 91 228 199	#5BE4C7
66.7%	66.7% #79E9D1	RGB 121 233 209	#79E9D1
83.3%	83.3% #97EEDB	RGB 151 238 219	#97EEDB
100.0%	100.0% #B6F3E6	RGB 182 243 230	#B6F3E6

#00D5A8 #1EDAB2 #3CDFBC #5BE4C7 #79E9D1 #97EEDB #B6F3E6

#00D5A8 - #B6F3E6

HSV Blend

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

0.0%	0.0% #00D5A8	RGB 0 213 168	#00D5A8
16.7%	16.7% #1BDAB1	RGB 27 218 177	#1BDAB1
33.3%	33.3% #37DFBB	RGB 55 223 187	#37DFBB
50.0%	50.0% #55E4C5	RGB 85 228 197	#55E4C5
66.7%	66.7% #74E9D0	RGB 116 233 208	#74E9D0
83.3%	83.3% #94EEDA	RGB 148 238 218	#94EEDA
100.0%	100.0% #B6F3E6	RGB 182 243 230	#B6F3E6

#00D5A8 #1BDAB1 #37DFBB #55E4C5 #74E9D0 #94EEDA #B6F3E6

#00D5A8 - #55E4C5 - #B6F3E6

CSS codes

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

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