#4DAB8D - #076B59 | 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 #4DAB8D to #076B59

#4DAB8D #076B59

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

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

0.0%	0.0% #4DAB8D	RGB 77 171 141	#4DAB8D
16.7%	16.7% #41A084	RGB 65 160 132	#41A084
33.3%	33.3% #35957B	RGB 53 149 123	#35957B
50.0%	50.0% #2A8B73	RGB 42 139 115	#2A8B73
66.7%	66.7% #1E806A	RGB 30 128 106	#1E806A
83.3%	83.3% #127561	RGB 18 117 97	#127561
100.0%	100.0% #076B59	RGB 7 107 89	#076B59

#4DAB8D #41A084 #35957B #2A8B73 #1E806A #127561 #076B59

#4DAB8D - #076B59

HSV Blend

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

0.0%	0.0% #4DAB8D	RGB 77 171 141	#4DAB8D
16.7%	16.7% #3DA083	RGB 61 160 131	#3DA083
33.3%	33.3% #309579	RGB 48 149 121	#309579
50.0%	50.0% #238B71	RGB 35 139 113	#238B71
66.7%	66.7% #188068	RGB 24 128 104	#188068
83.3%	83.3% #0F7560	RGB 15 117 96	#0F7560
100.0%	100.0% #076B59	RGB 7 107 89	#076B59

#4DAB8D #3DA083 #309579 #238B71 #188068 #0F7560 #076B59

#4DAB8D - #238B71 - #076B59

CSS codes

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

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