#4E5E4C - #B4A76E | 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 #4E5E4C to #B4A76E

#4E5E4C #B4A76E

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

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

0.0%	0.0% #4E5E4C	RGB 78 94 76	#4E5E4C
16.7%	16.7% #5F6A51	RGB 95 106 81	#5F6A51
33.3%	33.3% #707657	RGB 112 118 87	#707657
50.0%	50.0% #81825D	RGB 129 130 93	#81825D
66.7%	66.7% #928E62	RGB 146 142 98	#928E62
83.3%	83.3% #A39A68	RGB 163 154 104	#A39A68
100.0%	100.0% #B4A76E	RGB 180 167 110	#B4A76E

#4E5E4C #5F6A51 #707657 #81825D #928E62 #A39A68 #B4A76E

#4E5E4C - #B4A76E

HSV Blend

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

0.0%	0.0% #4E5E4C	RGB 78 94 76	#4E5E4C
16.7%	16.7% #5B6C54	RGB 91 108 84	#5B6C54
33.3%	33.3% #697A5B	RGB 105 122 91	#697A5B
50.0%	50.0% #7B8961	RGB 123 137 97	#7B8961
66.7%	66.7% #8E9766	RGB 142 151 102	#8E9766
83.3%	83.3% #A5A56A	RGB 165 165 106	#A5A56A
100.0%	100.0% #B4A76E	RGB 180 167 110	#B4A76E

#4E5E4C #5B6C54 #697A5B #7B8961 #8E9766 #A5A56A #B4A76E

#4E5E4C - #7B8961 - #B4A76E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E5E4C 0%, #7B8961 50%, #B4A76E 100%);
    background: -webkit-linear-gradient(top, #4E5E4C 0%, #7B8961 50%, #B4A76E 100%);
    background: linear-gradient(to bottom, #4E5E4C 0%, #7B8961 50%, #B4A76E 100%);
}
</style>