#00A3C7 - #B6FFAE | 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 #00A3C7 to #B6FFAE

#00A3C7 #B6FFAE

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

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

0.0%	0.0% #00A3C7	RGB 0 163 199	#00A3C7
16.7%	16.7% #1EB2C2	RGB 30 178 194	#1EB2C2
33.3%	33.3% #3CC1BE	RGB 60 193 190	#3CC1BE
50.0%	50.0% #5BD1BA	RGB 91 209 186	#5BD1BA
66.7%	66.7% #79E0B6	RGB 121 224 182	#79E0B6
83.3%	83.3% #97EFB2	RGB 151 239 178	#97EFB2
100.0%	100.0% #B6FFAE	RGB 182 255 174	#B6FFAE

#00A3C7 #1EB2C2 #3CC1BE #5BD1BA #79E0B6 #97EFB2 #B6FFAE

#00A3C7 - #B6FFAE

HSV Blend

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

0.0%	0.0% #00A2C7	RGB 0 162 199	#00A2C7
16.7%	16.7% #17D0CA	RGB 23 208 202	#17D0CA
33.3%	33.3% #31D9B0	RGB 49 217 176	#31D9B0
50.0%	50.0% #4DE39E	RGB 77 227 158	#4DE39E
66.7%	66.7% #6BEC95	RGB 107 236 149	#6BEC95
83.3%	83.3% #8BF597	RGB 139 245 151	#8BF597
100.0%	100.0% #B6FFAE	RGB 182 255 174	#B6FFAE

#00A2C7 #17D0CA #31D9B0 #4DE39E #6BEC95 #8BF597 #B6FFAE

#00A3C7 - #4DE39E - #B6FFAE

CSS codes

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

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