#2FD6CC - #00ACA0 | 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 #2FD6CC to #00ACA0

#2FD6CC #00ACA0

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

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

0.0%	0.0% #2FD6CC	RGB 47 214 204	#2FD6CC
16.7%	16.7% #27CFC4	RGB 39 207 196	#27CFC4
33.3%	33.3% #1FC8BD	RGB 31 200 189	#1FC8BD
50.0%	50.0% #17C1B6	RGB 23 193 182	#17C1B6
66.7%	66.7% #0FBAAE	RGB 15 186 174	#0FBAAE
83.3%	83.3% #07B3A7	RGB 7 179 167	#07B3A7
100.0%	100.0% #00ACA0	RGB 0 172 160	#00ACA0

#2FD6CC #27CFC4 #1FC8BD #17C1B6 #0FBAAE #07B3A7 #00ACA0

#2FD6CC - #00ACA0

HSV Blend

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

0.0%	0.0% #2ED6CC	RGB 46 214 204	#2ED6CC
16.7%	16.7% #25CFC4	RGB 37 207 196	#25CFC4
33.3%	33.3% #1DC8BD	RGB 29 200 189	#1DC8BD
50.0%	50.0% #15C1B5	RGB 21 193 181	#15C1B5
66.7%	66.7% #0DBAAE	RGB 13 186 174	#0DBAAE
83.3%	83.3% #06B3A7	RGB 6 179 167	#06B3A7
100.0%	100.0% #00ACA0	RGB 0 172 160	#00ACA0

#2ED6CC #25CFC4 #1DC8BD #15C1B5 #0DBAAE #06B3A7 #00ACA0

#2FD6CC - #15C1B5 - #00ACA0

CSS codes

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

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