#00ACAB - #A6FAB3 | 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 #00ACAB to #A6FAB3

#00ACAB #A6FAB3

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

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

0.0%	0.0% #00ACAB	RGB 0 172 171	#00ACAB
16.7%	16.7% #1BB9AC	RGB 27 185 172	#1BB9AC
33.3%	33.3% #37C6AD	RGB 55 198 173	#37C6AD
50.0%	50.0% #53D3AF	RGB 83 211 175	#53D3AF
66.7%	66.7% #6EE0B0	RGB 110 224 176	#6EE0B0
83.3%	83.3% #8AEDB1	RGB 138 237 177	#8AEDB1
100.0%	100.0% #A6FAB3	RGB 166 250 179	#A6FAB3

#00ACAB #1BB9AC #37C6AD #53D3AF #6EE0B0 #8AEDB1 #A6FAB3

#00ACAB - #A6FAB3

HSV Blend

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

0.0%	0.0% #00ACAB	RGB 0 172 171	#00ACAB
16.7%	16.7% #14B9A1	RGB 20 185 161	#14B9A1
33.3%	33.3% #2BC699	RGB 43 198 153	#2BC699
50.0%	50.0% #46D397	RGB 70 211 151	#46D397
66.7%	66.7% #63E099	RGB 99 224 153	#63E099
83.3%	83.3% #83EDA2	RGB 131 237 162	#83EDA2
100.0%	100.0% #A6FAB3	RGB 166 250 179	#A6FAB3

#00ACAB #14B9A1 #2BC699 #46D397 #63E099 #83EDA2 #A6FAB3

#00ACAB - #46D397 - #A6FAB3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00ACAB 0%, #46D397 50%, #A6FAB3 100%);
    background: -webkit-linear-gradient(top, #00ACAB 0%, #46D397 50%, #A6FAB3 100%);
    background: linear-gradient(to bottom, #00ACAB 0%, #46D397 50%, #A6FAB3 100%);
}
</style>