#00A69C - #B6E5E1 | 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 #00A69C to #B6E5E1

#00A69C #B6E5E1

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

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

0.0%	0.0% #00A69C	RGB 0 166 156	#00A69C
16.7%	16.7% #1EB0A7	RGB 30 176 167	#1EB0A7
33.3%	33.3% #3CBBB3	RGB 60 187 179	#3CBBB3
50.0%	50.0% #5BC5BE	RGB 91 197 190	#5BC5BE
66.7%	66.7% #79D0CA	RGB 121 208 202	#79D0CA
83.3%	83.3% #97DAD5	RGB 151 218 213	#97DAD5
100.0%	100.0% #B6E5E1	RGB 182 229 225	#B6E5E1

#00A69C #1EB0A7 #3CBBB3 #5BC5BE #79D0CA #97DAD5 #B6E5E1

#00A69C - #B6E5E1

HSV Blend

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

0.0%	0.0% #00A69C	RGB 0 166 156	#00A69C
16.7%	16.7% #17B0A6	RGB 23 176 166	#17B0A6
33.3%	33.3% #31BBB1	RGB 49 187 177	#31BBB1
50.0%	50.0% #4EC5BC	RGB 78 197 188	#4EC5BC
66.7%	66.7% #6ED0C8	RGB 110 208 200	#6ED0C8
83.3%	83.3% #90DAD4	RGB 144 218 212	#90DAD4
100.0%	100.0% #B6E5E1	RGB 182 229 225	#B6E5E1

#00A69C #17B0A6 #31BBB1 #4EC5BC #6ED0C8 #90DAD4 #B6E5E1

#00A69C - #4EC5BC - #B6E5E1

CSS codes

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

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