#3CC0CF - #71FFB5 | 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 #3CC0CF to #71FFB5

#3CC0CF #71FFB5

Calculate the color between two colors, #3CC0CF and #71FFB5. 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)

#3CC0CF - #71FFB5 | 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 #3CC0CF as 0% and #71FFB5 as 100%.

0.0%	0.0% #3CC0CF	RGB 60 192 207	#3CC0CF
16.7%	16.7% #44CACA	RGB 68 202 202	#44CACA
33.3%	33.3% #4DD5C6	RGB 77 213 198	#4DD5C6
50.0%	50.0% #56DFC2	RGB 86 223 194	#56DFC2
66.7%	66.7% #5FEABD	RGB 95 234 189	#5FEABD
83.3%	83.3% #68F4B9	RGB 104 244 185	#68F4B9
100.0%	100.0% #71FFB5	RGB 113 255 181	#71FFB5

#3CC0CF #44CACA #4DD5C6 #56DFC2 #5FEABD #68F4B9 #71FFB5

#3CC0CF - #71FFB5

HSV Blend

#3CC0CF - #71FFB5 | 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 #3CC0CF as 0% and #71FFB5 as 100%.

0.0%	0.0% #3CC0CF	RGB 60 192 207	#3CC0CF
16.7%	16.7% #43D7D6	RGB 67 215 214	#43D7D6
33.3%	33.3% #4CDFCF	RGB 76 223 207	#4CDFCF
50.0%	50.0% #54E7C8	RGB 84 231 200	#54E7C8
66.7%	66.7% #5DEFC1	RGB 93 239 193	#5DEFC1
83.3%	83.3% #67F7BA	RGB 103 247 186	#67F7BA
100.0%	100.0% #71FFB5	RGB 113 255 181	#71FFB5

#3CC0CF #43D7D6 #4CDFCF #54E7C8 #5DEFC1 #67F7BA #71FFB5

#3CC0CF - #54E7C8 - #71FFB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CC0CF 0%, #54E7C8 50%, #71FFB5 100%);
    background: -webkit-linear-gradient(top, #3CC0CF 0%, #54E7C8 50%, #71FFB5 100%);
    background: linear-gradient(to bottom, #3CC0CF 0%, #54E7C8 50%, #71FFB5 100%);
}
</style>