#2FD4D9 - #00AAAC | 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 #2FD4D9 to #00AAAC

#2FD4D9 #00AAAC

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

#2FD4D9 - #00AAAC | 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 #2FD4D9 as 0% and #00AAAC as 100%.

0.0%	0.0% #2FD4D9	RGB 47 212 217	#2FD4D9
16.7%	16.7% #27CDD1	RGB 39 205 209	#27CDD1
33.3%	33.3% #1FC6CA	RGB 31 198 202	#1FC6CA
50.0%	50.0% #17BFC2	RGB 23 191 194	#17BFC2
66.7%	66.7% #0FB8BB	RGB 15 184 187	#0FB8BB
83.3%	83.3% #07B1B3	RGB 7 177 179	#07B1B3
100.0%	100.0% #00AAAC	RGB 0 170 172	#00AAAC

#2FD4D9 #27CDD1 #1FC6CA #17BFC2 #0FB8BB #07B1B3 #00AAAC

#2FD4D9 - #00AAAC

HSV Blend

#2FD4D9 - #00AAAC | 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 #2FD4D9 as 0% and #00AAAC as 100%.

0.0%	0.0% #2FD4D9	RGB 47 212 217	#2FD4D9
16.7%	16.7% #25CCD1	RGB 37 204 209	#25CCD1
33.3%	33.3% #1DC5CA	RGB 29 197 202	#1DC5CA
50.0%	50.0% #15BEC2	RGB 21 190 194	#15BEC2
66.7%	66.7% #0DB7BB	RGB 13 183 187	#0DB7BB
83.3%	83.3% #06B0B3	RGB 6 176 179	#06B0B3
100.0%	100.0% #00AAAC	RGB 0 170 172	#00AAAC

#2FD4D9 #25CCD1 #1DC5CA #15BEC2 #0DB7BB #06B0B3 #00AAAC

#2FD4D9 - #15BEC2 - #00AAAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2FD4D9 0%, #15BEC2 50%, #00AAAC 100%);
    background: -webkit-linear-gradient(top, #2FD4D9 0%, #15BEC2 50%, #00AAAC 100%);
    background: linear-gradient(to bottom, #2FD4D9 0%, #15BEC2 50%, #00AAAC 100%);
}
</style>