#3EADA6 - #C0E3A8 | 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 #3EADA6 to #C0E3A8

#3EADA6 #C0E3A8

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

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

0.0%	0.0% #3EADA6	RGB 62 173 166	#3EADA6
16.7%	16.7% #53B6A6	RGB 83 182 166	#53B6A6
33.3%	33.3% #69BFA6	RGB 105 191 166	#69BFA6
50.0%	50.0% #7FC8A7	RGB 127 200 167	#7FC8A7
66.7%	66.7% #94D1A7	RGB 148 209 167	#94D1A7
83.3%	83.3% #AADAA7	RGB 170 218 167	#AADAA7
100.0%	100.0% #C0E3A8	RGB 192 227 168	#C0E3A8

#3EADA6 #53B6A6 #69BFA6 #7FC8A7 #94D1A7 #AADAA7 #C0E3A8

#3EADA6 - #C0E3A8

HSV Blend

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

0.0%	0.0% #3EADA6	RGB 62 173 166	#3EADA6
16.7%	16.7% #4CB697	RGB 76 182 151	#4CB697
33.3%	33.3% #5CBF8C	RGB 92 191 140	#5CBF8C
50.0%	50.0% #6DC885	RGB 109 200 133	#6DC885
66.7%	66.7% #80D183	RGB 128 209 131	#80D183
83.3%	83.3% #A0DA93	RGB 160 218 147	#A0DA93
100.0%	100.0% #C0E3A8	RGB 192 227 168	#C0E3A8

#3EADA6 #4CB697 #5CBF8C #6DC885 #80D183 #A0DA93 #C0E3A8

#3EADA6 - #6DC885 - #C0E3A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3EADA6 0%, #6DC885 50%, #C0E3A8 100%);
    background: -webkit-linear-gradient(top, #3EADA6 0%, #6DC885 50%, #C0E3A8 100%);
    background: linear-gradient(to bottom, #3EADA6 0%, #6DC885 50%, #C0E3A8 100%);
}
</style>