#3ACFAB - #00A077 | 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 #3ACFAB to #00A077

#3ACFAB #00A077

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

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

0.0%	0.0% #3ACFAB	RGB 58 207 171	#3ACFAB
16.7%	16.7% #30C7A2	RGB 48 199 162	#30C7A2
33.3%	33.3% #26BF99	RGB 38 191 153	#26BF99
50.0%	50.0% #1DB791	RGB 29 183 145	#1DB791
66.7%	66.7% #13AF88	RGB 19 175 136	#13AF88
83.3%	83.3% #09A77F	RGB 9 167 127	#09A77F
100.0%	100.0% #00A077	RGB 0 160 119	#00A077

#3ACFAB #30C7A2 #26BF99 #1DB791 #13AF88 #09A77F #00A077

#3ACFAB - #00A077

HSV Blend

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

0.0%	0.0% #3ACFAA	RGB 58 207 170	#3ACFAA
16.7%	16.7% #2EC7A1	RGB 46 199 161	#2EC7A1
33.3%	33.3% #23BF98	RGB 35 191 152	#23BF98
50.0%	50.0% #19B790	RGB 25 183 144	#19B790
66.7%	66.7% #10AF87	RGB 16 175 135	#10AF87
83.3%	83.3% #07A77F	RGB 7 167 127	#07A77F
100.0%	100.0% #00A077	RGB 0 160 119	#00A077

#3ACFAA #2EC7A1 #23BF98 #19B790 #10AF87 #07A77F #00A077

#3ACFAB - #19B790 - #00A077

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3ACFAA 0%, #19B790 50%, #00A077 100%);
    background: -webkit-linear-gradient(top, #3ACFAA 0%, #19B790 50%, #00A077 100%);
    background: linear-gradient(to bottom, #3ACFAA 0%, #19B790 50%, #00A077 100%);
}
</style>