#3CDFBA - #00B68D | 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 #3CDFBA to #00B68D

#3CDFBA #00B68D

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

#3CDFBA - #00B68D | 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 #3CDFBA as 0% and #00B68D as 100%.

0.0%	0.0% #3CDFBA	RGB 60 223 186	#3CDFBA
16.7%	16.7% #32D8B2	RGB 50 216 178	#32D8B2
33.3%	33.3% #28D1AB	RGB 40 209 171	#28D1AB
50.0%	50.0% #1ECAA3	RGB 30 202 163	#1ECAA3
66.7%	66.7% #14C39C	RGB 20 195 156	#14C39C
83.3%	83.3% #0ABC94	RGB 10 188 148	#0ABC94
100.0%	100.0% #00B68D	RGB 0 182 141	#00B68D

#3CDFBA #32D8B2 #28D1AB #1ECAA3 #14C39C #0ABC94 #00B68D

#3CDFBA - #00B68D

HSV Blend

#3CDFBA - #00B68D | 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 #3CDFBA as 0% and #00B68D as 100%.

0.0%	0.0% #3CDFBA	RGB 60 223 186	#3CDFBA
16.7%	16.7% #30D8B2	RGB 48 216 178	#30D8B2
33.3%	33.3% #25D1AA	RGB 37 209 170	#25D1AA
50.0%	50.0% #1BCAA2	RGB 27 202 162	#1BCAA2
66.7%	66.7% #11C39B	RGB 17 195 155	#11C39B
83.3%	83.3% #08BC94	RGB 8 188 148	#08BC94
100.0%	100.0% #00B68D	RGB 0 182 141	#00B68D

#3CDFBA #30D8B2 #25D1AA #1BCAA2 #11C39B #08BC94 #00B68D

#3CDFBA - #1BCAA2 - #00B68D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CDFBA 0%, #1BCAA2 50%, #00B68D 100%);
    background: -webkit-linear-gradient(top, #3CDFBA 0%, #1BCAA2 50%, #00B68D 100%);
    background: linear-gradient(to bottom, #3CDFBA 0%, #1BCAA2 50%, #00B68D 100%);
}
</style>