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

#4B534E #8D976C

Calculate the color between two colors, #4B534E 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)

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

0.0%	0.0% #4B534E	RGB 75 83 78	#4B534E
16.7%	16.7% #565E53	RGB 86 94 83	#565E53
33.3%	33.3% #616958	RGB 97 105 88	#616958
50.0%	50.0% #6C755D	RGB 108 117 93	#6C755D
66.7%	66.7% #778062	RGB 119 128 98	#778062
83.3%	83.3% #828B67	RGB 130 139 103	#828B67
100.0%	100.0% #8D976C	RGB 141 151 108	#8D976C

#4B534E #565E53 #616958 #6C755D #778062 #828B67 #8D976C

#4B534E - #8D976C

HSV Blend

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

0.0%	0.0% #4B534E	RGB 75 83 78	#4B534E
16.7%	16.7% #525E54	RGB 82 94 84	#525E54
33.3%	33.3% #586958	RGB 88 105 88	#586958
50.0%	50.0% #63755E	RGB 99 117 94	#63755E
66.7%	66.7% #6E8063	RGB 110 128 99	#6E8063
83.3%	83.3% #7C8B68	RGB 124 139 104	#7C8B68
100.0%	100.0% #8D976C	RGB 141 151 108	#8D976C

#4B534E #525E54 #586958 #63755E #6E8063 #7C8B68 #8D976C

#4B534E - #63755E - #8D976C

CSS codes

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

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