#4D8F7B - #BECC9A | 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 #4D8F7B to #BECC9A

#4D8F7B #BECC9A

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

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

0.0%	0.0% #4D8F7B	RGB 77 143 123	#4D8F7B
16.7%	16.7% #5F9980	RGB 95 153 128	#5F9980
33.3%	33.3% #72A385	RGB 114 163 133	#72A385
50.0%	50.0% #85AD8A	RGB 133 173 138	#85AD8A
66.7%	66.7% #98B78F	RGB 152 183 143	#98B78F
83.3%	83.3% #ABC194	RGB 171 193 148	#ABC194
100.0%	100.0% #BECC9A	RGB 190 204 154	#BECC9A

#4D8F7B #5F9980 #72A385 #85AD8A #98B78F #ABC194 #BECC9A

#4D8F7B - #BECC9A

HSV Blend

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

0.0%	0.0% #4D8F7B	RGB 77 143 123	#4D8F7B
16.7%	16.7% #579976	RGB 87 153 118	#579976
33.3%	33.3% #63A372	RGB 99 163 114	#63A372
50.0%	50.0% #70AD70	RGB 112 173 112	#70AD70
66.7%	66.7% #8BB77D	RGB 139 183 125	#8BB77D
83.3%	83.3% #A5C18B	RGB 165 193 139	#A5C18B
100.0%	100.0% #BECC9A	RGB 190 204 154	#BECC9A

#4D8F7B #579976 #63A372 #70AD70 #8BB77D #A5C18B #BECC9A

#4D8F7B - #70AD70 - #BECC9A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D8F7B 0%, #70AD70 50%, #BECC9A 100%);
    background: -webkit-linear-gradient(top, #4D8F7B 0%, #70AD70 50%, #BECC9A 100%);
    background: linear-gradient(to bottom, #4D8F7B 0%, #70AD70 50%, #BECC9A 100%);
}
</style>