#00AFAA - #ACFCB2 | 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 #ACFCB2

#00AFAA #ACFCB2

Calculate the color between two colors, #00AFAA and #ACFCB2. 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 - #ACFCB2 | 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 #ACFCB2 as 100%.

0.0%	0.0% #00AFAA	RGB 0 175 170	#00AFAA
16.7%	16.7% #1CBBAB	RGB 28 187 171	#1CBBAB
33.3%	33.3% #39C8AC	RGB 57 200 172	#39C8AC
50.0%	50.0% #56D5AE	RGB 86 213 174	#56D5AE
66.7%	66.7% #72E2AF	RGB 114 226 175	#72E2AF
83.3%	83.3% #8FEFB0	RGB 143 239 176	#8FEFB0
100.0%	100.0% #ACFCB2	RGB 172 252 178	#ACFCB2

#00AFAA #1CBBAB #39C8AC #56D5AE #72E2AF #8FEFB0 #ACFCB2

#00AFAA - #ACFCB2

HSV Blend

#00AFAA - #ACFCB2 | 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 #ACFCB2 as 100%.

0.0%	0.0% #00AFAA	RGB 0 175 170	#00AFAA
16.7%	16.7% #15BB9E	RGB 21 187 158	#15BB9E
33.3%	33.3% #2DC895	RGB 45 200 149	#2DC895
50.0%	50.0% #48D592	RGB 72 213 146	#48D592
66.7%	66.7% #66E295	RGB 102 226 149	#66E295
83.3%	83.3% #88EF9F	RGB 136 239 159	#88EF9F
100.0%	100.0% #ACFCB2	RGB 172 252 178	#ACFCB2

#00AFAA #15BB9E #2DC895 #48D592 #66E295 #88EF9F #ACFCB2

#00AFAA - #48D592 - #ACFCB2

CSS codes

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

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