#00AFAA - #ADFDB1 | 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 #00AFAA to #ADFDB1

#00AFAA #ADFDB1

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

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

0.0%	0.0% #00AFAA	RGB 0 175 170	#00AFAA
16.7%	16.7% #1CBCAB	RGB 28 188 171	#1CBCAB
33.3%	33.3% #39C9AC	RGB 57 201 172	#39C9AC
50.0%	50.0% #56D6AD	RGB 86 214 173	#56D6AD
66.7%	66.7% #73E3AE	RGB 115 227 174	#73E3AE
83.3%	83.3% #90F0AF	RGB 144 240 175	#90F0AF
100.0%	100.0% #ADFDB1	RGB 173 253 177	#ADFDB1

#00AFAA #1CBCAB #39C9AC #56D6AD #73E3AE #90F0AF #ADFDB1

#00AFAA - #ADFDB1

HSV Blend

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

0.0%	0.0% #00AFAA	RGB 0 175 170	#00AFAA
16.7%	16.7% #15BC9D	RGB 21 188 157	#15BC9D
33.3%	33.3% #2DC994	RGB 45 201 148	#2DC994
50.0%	50.0% #49D691	RGB 73 214 145	#49D691
66.7%	66.7% #67E393	RGB 103 227 147	#67E393
83.3%	83.3% #88F09D	RGB 136 240 157	#88F09D
100.0%	100.0% #ADFDB1	RGB 173 253 177	#ADFDB1

#00AFAA #15BC9D #2DC994 #49D691 #67E393 #88F09D #ADFDB1

#00AFAA - #49D691 - #ADFDB1

CSS codes

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

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