#00A59B - #B6E5E2 | 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 #00A59B to #B6E5E2

#00A59B #B6E5E2

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

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

0.0%	0.0% #00A59B	RGB 0 165 155	#00A59B
16.7%	16.7% #1EAFA6	RGB 30 175 166	#1EAFA6
33.3%	33.3% #3CBAB2	RGB 60 186 178	#3CBAB2
50.0%	50.0% #5BC5BE	RGB 91 197 190	#5BC5BE
66.7%	66.7% #79CFCA	RGB 121 207 202	#79CFCA
83.3%	83.3% #97DAD6	RGB 151 218 214	#97DAD6
100.0%	100.0% #B6E5E2	RGB 182 229 226	#B6E5E2

#00A59B #1EAFA6 #3CBAB2 #5BC5BE #79CFCA #97DAD6 #B6E5E2

#00A59B - #B6E5E2

HSV Blend

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

0.0%	0.0% #00A59A	RGB 0 165 154	#00A59A
16.7%	16.7% #17AFA6	RGB 23 175 166	#17AFA6
33.3%	33.3% #31BAB1	RGB 49 186 177	#31BAB1
50.0%	50.0% #4EC5BD	RGB 78 197 189	#4EC5BD
66.7%	66.7% #6ECFC9	RGB 110 207 201	#6ECFC9
83.3%	83.3% #90DAD5	RGB 144 218 213	#90DAD5
100.0%	100.0% #B6E5E2	RGB 182 229 226	#B6E5E2

#00A59A #17AFA6 #31BAB1 #4EC5BD #6ECFC9 #90DAD5 #B6E5E2

#00A59B - #4EC5BD - #B6E5E2

CSS codes

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

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