#00A694 - #B6E5E0 | 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 #00A694 to #B6E5E0

#00A694 #B6E5E0

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

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

0.0%	0.0% #00A694	RGB 0 166 148	#00A694
16.7%	16.7% #1EB0A0	RGB 30 176 160	#1EB0A0
33.3%	33.3% #3CBBAD	RGB 60 187 173	#3CBBAD
50.0%	50.0% #5BC5BA	RGB 91 197 186	#5BC5BA
66.7%	66.7% #79D0C6	RGB 121 208 198	#79D0C6
83.3%	83.3% #97DAD3	RGB 151 218 211	#97DAD3
100.0%	100.0% #B6E5E0	RGB 182 229 224	#B6E5E0

#00A694 #1EB0A0 #3CBBAD #5BC5BA #79D0C6 #97DAD3 #B6E5E0

#00A694 - #B6E5E0

HSV Blend

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

0.0%	0.0% #00A694	RGB 0 166 148	#00A694
16.7%	16.7% #17B09F	RGB 23 176 159	#17B09F
33.3%	33.3% #31BBAC	RGB 49 187 172	#31BBAC
50.0%	50.0% #4EC5B8	RGB 78 197 184	#4EC5B8
66.7%	66.7% #6ED0C5	RGB 110 208 197	#6ED0C5
83.3%	83.3% #90DAD2	RGB 144 218 210	#90DAD2
100.0%	100.0% #B6E5E0	RGB 182 229 224	#B6E5E0

#00A694 #17B09F #31BBAC #4EC5B8 #6ED0C5 #90DAD2 #B6E5E0

#00A694 - #4EC5B8 - #B6E5E0

CSS codes

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

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