#4DAB9F - #076B6A | 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 #4DAB9F to #076B6A

#4DAB9F #076B6A

Calculate the color between two colors, #4DAB9F and #076B6A. 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)

#4DAB9F - #076B6A | 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 #4DAB9F as 0% and #076B6A as 100%.

0.0%	0.0% #4DAB9F	RGB 77 171 159	#4DAB9F
16.7%	16.7% #41A096	RGB 65 160 150	#41A096
33.3%	33.3% #35958D	RGB 53 149 141	#35958D
50.0%	50.0% #2A8B84	RGB 42 139 132	#2A8B84
66.7%	66.7% #1E807B	RGB 30 128 123	#1E807B
83.3%	83.3% #127572	RGB 18 117 114	#127572
100.0%	100.0% #076B6A	RGB 7 107 106	#076B6A

#4DAB9F #41A096 #35958D #2A8B84 #1E807B #127572 #076B6A

#4DAB9F - #076B6A

HSV Blend

#4DAB9F - #076B6A | 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 #4DAB9F as 0% and #076B6A as 100%.

0.0%	0.0% #4DAB9F	RGB 77 171 159	#4DAB9F
16.7%	16.7% #3DA095	RGB 61 160 149	#3DA095
33.3%	33.3% #30958C	RGB 48 149 140	#30958C
50.0%	50.0% #238B83	RGB 35 139 131	#238B83
66.7%	66.7% #18807B	RGB 24 128 123	#18807B
83.3%	83.3% #0F7572	RGB 15 117 114	#0F7572
100.0%	100.0% #076B6A	RGB 7 107 106	#076B6A

#4DAB9F #3DA095 #30958C #238B83 #18807B #0F7572 #076B6A

#4DAB9F - #238B83 - #076B6A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4DAB9F 0%, #238B83 50%, #076B6A 100%);
    background: -webkit-linear-gradient(top, #4DAB9F 0%, #238B83 50%, #076B6A 100%);
    background: linear-gradient(to bottom, #4DAB9F 0%, #238B83 50%, #076B6A 100%);
}
</style>