#00B5AB - #B5FFB1 | 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 #00B5AB to #B5FFB1

#00B5AB #B5FFB1

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

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

0.0%	0.0% #00B5AB	RGB 0 181 171	#00B5AB
16.7%	16.7% #1EC1AC	RGB 30 193 172	#1EC1AC
33.3%	33.3% #3CCDAD	RGB 60 205 173	#3CCDAD
50.0%	50.0% #5ADAAE	RGB 90 218 174	#5ADAAE
66.7%	66.7% #78E6AF	RGB 120 230 175	#78E6AF
83.3%	83.3% #96F2B0	RGB 150 242 176	#96F2B0
100.0%	100.0% #B5FFB1	RGB 181 255 177	#B5FFB1

#00B5AB #1EC1AC #3CCDAD #5ADAAE #78E6AF #96F2B0 #B5FFB1

#00B5AB - #B5FFB1

HSV Blend

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

0.0%	0.0% #00B5AA	RGB 0 181 170	#00B5AA
16.7%	16.7% #16C19B	RGB 22 193 155	#16C19B
33.3%	33.3% #2FCD90	RGB 47 205 144	#2FCD90
50.0%	50.0% #4BDA8B	RGB 75 218 139	#4BDA8B
66.7%	66.7% #6AE68D	RGB 106 230 141	#6AE68D
83.3%	83.3% #8CF298	RGB 140 242 152	#8CF298
100.0%	100.0% #B5FFB1	RGB 181 255 177	#B5FFB1

#00B5AA #16C19B #2FCD90 #4BDA8B #6AE68D #8CF298 #B5FFB1

#00B5AB - #4BDA8B - #B5FFB1

CSS codes

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

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