#3AC2B4 - #C2FF8C | 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 #3AC2B4 to #C2FF8C

#3AC2B4 #C2FF8C

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

#3AC2B4 - #C2FF8C | 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 #3AC2B4 as 0% and #C2FF8C as 100%.

0.0%	0.0% #3AC2B4	RGB 58 194 180	#3AC2B4
16.7%	16.7% #50CCAD	RGB 80 204 173	#50CCAD
33.3%	33.3% #67D6A6	RGB 103 214 166	#67D6A6
50.0%	50.0% #7EE0A0	RGB 126 224 160	#7EE0A0
66.7%	66.7% #94EA99	RGB 148 234 153	#94EA99
83.3%	83.3% #ABF492	RGB 171 244 146	#ABF492
100.0%	100.0% #C2FF8C	RGB 194 255 140	#C2FF8C

#3AC2B4 #50CCAD #67D6A6 #7EE0A0 #94EA99 #ABF492 #C2FF8C

#3AC2B4 - #C2FF8C

HSV Blend

#3AC2B4 - #C2FF8C | 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 #3AC2B4 as 0% and #C2FF8C as 100%.

0.0%	0.0% #3AC2B4	RGB 58 194 180	#3AC2B4
16.7%	16.7% #45CC9F	RGB 69 204 159	#45CC9F
33.3%	33.3% #51D68C	RGB 81 214 140	#51D68C
50.0%	50.0% #5FE07A	RGB 95 224 122	#5FE07A
66.7%	66.7% #6FEA6D	RGB 111 234 109	#6FEA6D
83.3%	83.3% #99F47C	RGB 153 244 124	#99F47C
100.0%	100.0% #C2FF8C	RGB 194 255 140	#C2FF8C

#3AC2B4 #45CC9F #51D68C #5FE07A #6FEA6D #99F47C #C2FF8C

#3AC2B4 - #5FE07A - #C2FF8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3AC2B4 0%, #5FE07A 50%, #C2FF8C 100%);
    background: -webkit-linear-gradient(top, #3AC2B4 0%, #5FE07A 50%, #C2FF8C 100%);
    background: linear-gradient(to bottom, #3AC2B4 0%, #5FE07A 50%, #C2FF8C 100%);
}
</style>