#00A8A8 - #A3F8B2 | 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 #00A8A8 to #A3F8B2

#00A8A8 #A3F8B2

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

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

0.0%	0.0% #00A8A8	RGB 0 168 168	#00A8A8
16.7%	16.7% #1BB5A9	RGB 27 181 169	#1BB5A9
33.3%	33.3% #36C2AB	RGB 54 194 171	#36C2AB
50.0%	50.0% #51D0AD	RGB 81 208 173	#51D0AD
66.7%	66.7% #6CDDAE	RGB 108 221 174	#6CDDAE
83.3%	83.3% #87EAB0	RGB 135 234 176	#87EAB0
100.0%	100.0% #A3F8B2	RGB 163 248 178	#A3F8B2

#00A8A8 #1BB5A9 #36C2AB #51D0AD #6CDDAE #87EAB0 #A3F8B2

#00A8A8 - #A3F8B2

HSV Blend

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

0.0%	0.0% #00A8A8	RGB 0 168 168	#00A8A8
16.7%	16.7% #13B59F	RGB 19 181 159	#13B59F
33.3%	33.3% #2AC298	RGB 42 194 152	#2AC298
50.0%	50.0% #44D096	RGB 68 208 150	#44D096
66.7%	66.7% #60DD99	RGB 96 221 153	#60DD99
83.3%	83.3% #80EAA1	RGB 128 234 161	#80EAA1
100.0%	100.0% #A3F8B2	RGB 163 248 178	#A3F8B2

#00A8A8 #13B59F #2AC298 #44D096 #60DD99 #80EAA1 #A3F8B2

#00A8A8 - #44D096 - #A3F8B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A8A8 0%, #44D096 50%, #A3F8B2 100%);
    background: -webkit-linear-gradient(top, #00A8A8 0%, #44D096 50%, #A3F8B2 100%);
    background: linear-gradient(to bottom, #00A8A8 0%, #44D096 50%, #A3F8B2 100%);
}
</style>