#71ECE6 - #00CAC7 | 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 #71ECE6 to #00CAC7

#71ECE6 #00CAC7

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

#71ECE6 - #00CAC7 | 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 #71ECE6 as 0% and #00CAC7 as 100%.

0.0%	0.0% #71ECE6	RGB 113 236 230	#71ECE6
16.7%	16.7% #5EE6E0	RGB 94 230 224	#5EE6E0
33.3%	33.3% #4BE0DB	RGB 75 224 219	#4BE0DB
50.0%	50.0% #38DBD6	RGB 56 219 214	#38DBD6
66.7%	66.7% #25D5D1	RGB 37 213 209	#25D5D1
83.3%	83.3% #12CFCC	RGB 18 207 204	#12CFCC
100.0%	100.0% #00CAC7	RGB 0 202 199	#00CAC7

#71ECE6 #5EE6E0 #4BE0DB #38DBD6 #25D5D1 #12CFCC #00CAC7

#71ECE6 - #00CAC7

HSV Blend

#71ECE6 - #00CAC7 | 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 #71ECE6 as 0% and #00CAC7 as 100%.

0.0%	0.0% #71ECE6	RGB 113 236 230	#71ECE6
16.7%	16.7% #5BE6E0	RGB 91 230 224	#5BE6E0
33.3%	33.3% #47E0DA	RGB 71 224 218	#47E0DA
50.0%	50.0% #34DBD5	RGB 52 219 213	#34DBD5
66.7%	66.7% #22D5D0	RGB 34 213 208	#22D5D0
83.3%	83.3% #10CFCB	RGB 16 207 203	#10CFCB
100.0%	100.0% #00CAC7	RGB 0 202 199	#00CAC7

#71ECE6 #5BE6E0 #47E0DA #34DBD5 #22D5D0 #10CFCB #00CAC7

#71ECE6 - #34DBD5 - #00CAC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #71ECE6 0%, #34DBD5 50%, #00CAC7 100%);
    background: -webkit-linear-gradient(top, #71ECE6 0%, #34DBD5 50%, #00CAC7 100%);
    background: linear-gradient(to bottom, #71ECE6 0%, #34DBD5 50%, #00CAC7 100%);
}
</style>