#4A524C - #8D976C | 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 #4A524C to #8D976C

#4A524C #8D976C

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

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

0.0%	0.0% #4A524C	RGB 74 82 76	#4A524C
16.7%	16.7% #555D51	RGB 85 93 81	#555D51
33.3%	33.3% #606956	RGB 96 105 86	#606956
50.0%	50.0% #6B745C	RGB 107 116 92	#6B745C
66.7%	66.7% #768061	RGB 118 128 97	#768061
83.3%	83.3% #818B66	RGB 129 139 102	#818B66
100.0%	100.0% #8D976C	RGB 141 151 108	#8D976C

#4A524C #555D51 #606956 #6B745C #768061 #818B66 #8D976C

#4A524C - #8D976C

HSV Blend

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

0.0%	0.0% #4A524C	RGB 74 82 76	#4A524C
16.7%	16.7% #515D52	RGB 81 93 82	#515D52
33.3%	33.3% #596958	RGB 89 105 88	#596958
50.0%	50.0% #63745E	RGB 99 116 94	#63745E
66.7%	66.7% #6F8063	RGB 111 128 99	#6F8063
83.3%	83.3% #7D8B68	RGB 125 139 104	#7D8B68
100.0%	100.0% #8D976C	RGB 141 151 108	#8D976C

#4A524C #515D52 #596958 #63745E #6F8063 #7D8B68 #8D976C

#4A524C - #63745E - #8D976C

CSS codes

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

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