#3AC2BE - #C8ECB0 | 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 #3AC2BE to #C8ECB0

#3AC2BE #C8ECB0

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

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

0.0%	0.0% #3AC2BE	RGB 58 194 190	#3AC2BE
16.7%	16.7% #51C9BB	RGB 81 201 187	#51C9BB
33.3%	33.3% #69D0B9	RGB 105 208 185	#69D0B9
50.0%	50.0% #81D7B7	RGB 129 215 183	#81D7B7
66.7%	66.7% #98DEB4	RGB 152 222 180	#98DEB4
83.3%	83.3% #B0E5B2	RGB 176 229 178	#B0E5B2
100.0%	100.0% #C8ECB0	RGB 200 236 176	#C8ECB0

#3AC2BE #51C9BB #69D0B9 #81D7B7 #98DEB4 #B0E5B2 #C8ECB0

#3AC2BE - #C8ECB0

HSV Blend

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

0.0%	0.0% #3AC2BE	RGB 58 194 190	#3AC2BE
16.7%	16.7% #4BC9A8	RGB 75 201 168	#4BC9A8
33.3%	33.3% #5DD098	RGB 93 208 152	#5DD098
50.0%	50.0% #70D78D	RGB 112 215 141	#70D78D
66.7%	66.7% #84DE89	RGB 132 222 137	#84DE89
83.3%	83.3% #A6E599	RGB 166 229 153	#A6E599
100.0%	100.0% #C8ECB0	RGB 200 236 176	#C8ECB0

#3AC2BE #4BC9A8 #5DD098 #70D78D #84DE89 #A6E599 #C8ECB0

#3AC2BE - #70D78D - #C8ECB0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3AC2BE 0%, #70D78D 50%, #C8ECB0 100%);
    background: -webkit-linear-gradient(top, #3AC2BE 0%, #70D78D 50%, #C8ECB0 100%);
    background: linear-gradient(to bottom, #3AC2BE 0%, #70D78D 50%, #C8ECB0 100%);
}
</style>