#4D9A8F - #0A6650 | 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 #4D9A8F to #0A6650

#4D9A8F #0A6650

Calculate the color between two colors, #4D9A8F and #0A6650. 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)

#4D9A8F - #0A6650 | 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 #4D9A8F as 0% and #0A6650 as 100%.

0.0%	0.0% #4D9A8F	RGB 77 154 143	#4D9A8F
16.7%	16.7% #419184	RGB 65 145 132	#419184
33.3%	33.3% #36887A	RGB 54 136 122	#36887A
50.0%	50.0% #2B806F	RGB 43 128 111	#2B806F
66.7%	66.7% #207765	RGB 32 119 101	#207765
83.3%	83.3% #156E5A	RGB 21 110 90	#156E5A
100.0%	100.0% #0A6650	RGB 10 102 80	#0A6650

#4D9A8F #419184 #36887A #2B806F #207765 #156E5A #0A6650

#4D9A8F - #0A6650

HSV Blend

#4D9A8F - #0A6650 | 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 #4D9A8F as 0% and #0A6650 as 100%.

0.0%	0.0% #4D9A8F	RGB 77 154 143	#4D9A8F
16.7%	16.7% #3E9184	RGB 62 145 132	#3E9184
33.3%	33.3% #328879	RGB 50 136 121	#328879
50.0%	50.0% #26806E	RGB 38 128 110	#26806E
66.7%	66.7% #1B7764	RGB 27 119 100	#1B7764
83.3%	83.3% #126E5A	RGB 18 110 90	#126E5A
100.0%	100.0% #0A6650	RGB 10 102 80	#0A6650

#4D9A8F #3E9184 #328879 #26806E #1B7764 #126E5A #0A6650

#4D9A8F - #26806E - #0A6650

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D9A8F 0%, #26806E 50%, #0A6650 100%);
    background: -webkit-linear-gradient(top, #4D9A8F 0%, #26806E 50%, #0A6650 100%);
    background: linear-gradient(to bottom, #4D9A8F 0%, #26806E 50%, #0A6650 100%);
}
</style>