#00AAAA - #A4F9B3 | 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 #00AAAA to #A4F9B3

#00AAAA #A4F9B3

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

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

0.0%	0.0% #00AAAA	RGB 0 170 170	#00AAAA
16.7%	16.7% #1BB7AB	RGB 27 183 171	#1BB7AB
33.3%	33.3% #36C4AD	RGB 54 196 173	#36C4AD
50.0%	50.0% #52D1AE	RGB 82 209 174	#52D1AE
66.7%	66.7% #6DDEB0	RGB 109 222 176	#6DDEB0
83.3%	83.3% #88EBB1	RGB 136 235 177	#88EBB1
100.0%	100.0% #A4F9B3	RGB 164 249 179	#A4F9B3

#00AAAA #1BB7AB #36C4AD #52D1AE #6DDEB0 #88EBB1 #A4F9B3

#00AAAA - #A4F9B3

HSV Blend

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

0.0%	0.0% #00AAAA	RGB 0 170 170	#00AAAA
16.7%	16.7% #14B7A0	RGB 20 183 160	#14B7A0
33.3%	33.3% #2BC49A	RGB 43 196 154	#2BC49A
50.0%	50.0% #44D197	RGB 68 209 151	#44D197
66.7%	66.7% #61DE9A	RGB 97 222 154	#61DE9A
83.3%	83.3% #81EBA2	RGB 129 235 162	#81EBA2
100.0%	100.0% #A4F9B3	RGB 164 249 179	#A4F9B3

#00AAAA #14B7A0 #2BC49A #44D197 #61DE9A #81EBA2 #A4F9B3

#00AAAA - #44D197 - #A4F9B3

CSS codes

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

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