#00B5A2 - #B6E9E4 | 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 #00B5A2 to #B6E9E4

#00B5A2 #B6E9E4

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

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

0.0%	0.0% #00B5A2	RGB 0 181 162	#00B5A2
16.7%	16.7% #1EBDAD	RGB 30 189 173	#1EBDAD
33.3%	33.3% #3CC6B8	RGB 60 198 184	#3CC6B8
50.0%	50.0% #5BCFC3	RGB 91 207 195	#5BCFC3
66.7%	66.7% #79D7CE	RGB 121 215 206	#79D7CE
83.3%	83.3% #97E0D9	RGB 151 224 217	#97E0D9
100.0%	100.0% #B6E9E4	RGB 182 233 228	#B6E9E4

#00B5A2 #1EBDAD #3CC6B8 #5BCFC3 #79D7CE #97E0D9 #B6E9E4

#00B5A2 - #B6E9E4

HSV Blend

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

0.0%	0.0% #00B5A2	RGB 0 181 162	#00B5A2
16.7%	16.7% #18BDAC	RGB 24 189 172	#18BDAC
33.3%	33.3% #33C6B7	RGB 51 198 183	#33C6B7
50.0%	50.0% #50CFC2	RGB 80 207 194	#50CFC2
66.7%	66.7% #70D7CD	RGB 112 215 205	#70D7CD
83.3%	83.3% #92E0D8	RGB 146 224 216	#92E0D8
100.0%	100.0% #B6E9E4	RGB 182 233 228	#B6E9E4

#00B5A2 #18BDAC #33C6B7 #50CFC2 #70D7CD #92E0D8 #B6E9E4

#00B5A2 - #50CFC2 - #B6E9E4

CSS codes

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

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