#4F5757 - #8D986C | 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 #4F5757 to #8D986C

#4F5757 #8D986C

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

#4F5757 - #8D986C | 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 #4F5757 as 0% and #8D986C as 100%.

0.0%	0.0% #4F5757	RGB 79 87 87	#4F5757
16.7%	16.7% #59615A	RGB 89 97 90	#59615A
33.3%	33.3% #636C5E	RGB 99 108 94	#636C5E
50.0%	50.0% #6E7761	RGB 110 119 97	#6E7761
66.7%	66.7% #788265	RGB 120 130 101	#788265
83.3%	83.3% #828D68	RGB 130 141 104	#828D68
100.0%	100.0% #8D986C	RGB 141 152 108	#8D986C

#4F5757 #59615A #636C5E #6E7761 #788265 #828D68 #8D986C

#4F5757 - #8D986C

HSV Blend

#4F5757 - #8D986C | 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 #4F5757 as 0% and #8D986C as 100%.

0.0%	0.0% #4F5757	RGB 79 87 87	#4F5757
16.7%	16.7% #55615E	RGB 85 97 94	#55615E
33.3%	33.3% #5B6C62	RGB 91 108 98	#5B6C62
50.0%	50.0% #607763	RGB 96 119 99	#607763
66.7%	66.7% #6A8265	RGB 106 130 101	#6A8265
83.3%	83.3% #798D68	RGB 121 141 104	#798D68
100.0%	100.0% #8D986C	RGB 141 152 108	#8D986C

#4F5757 #55615E #5B6C62 #607763 #6A8265 #798D68 #8D986C

#4F5757 - #607763 - #8D986C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F5757 0%, #607763 50%, #8D986C 100%);
    background: -webkit-linear-gradient(top, #4F5757 0%, #607763 50%, #8D986C 100%);
    background: linear-gradient(to bottom, #4F5757 0%, #607763 50%, #8D986C 100%);
}
</style>