#4D5E4D - #B2A76E | 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 #4D5E4D to #B2A76E

#4D5E4D #B2A76E

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

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

0.0%	0.0% #4D5E4D	RGB 77 94 77	#4D5E4D
16.7%	16.7% #5D6A52	RGB 93 106 82	#5D6A52
33.3%	33.3% #6E7658	RGB 110 118 88	#6E7658
50.0%	50.0% #7F825D	RGB 127 130 93	#7F825D
66.7%	66.7% #908E63	RGB 144 142 99	#908E63
83.3%	83.3% #A19A68	RGB 161 154 104	#A19A68
100.0%	100.0% #B2A76E	RGB 178 167 110	#B2A76E

#4D5E4D #5D6A52 #6E7658 #7F825D #908E63 #A19A68 #B2A76E

#4D5E4D - #B2A76E

HSV Blend

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

0.0%	0.0% #4D5E4D	RGB 77 94 77	#4D5E4D
16.7%	16.7% #596C54	RGB 89 108 84	#596C54
33.3%	33.3% #677A5B	RGB 103 122 91	#677A5B
50.0%	50.0% #778861	RGB 119 136 97	#778861
66.7%	66.7% #8B9666	RGB 139 150 102	#8B9666
83.3%	83.3% #A2A46A	RGB 162 164 106	#A2A46A
100.0%	100.0% #B2A76E	RGB 178 167 110	#B2A76E

#4D5E4D #596C54 #677A5B #778861 #8B9666 #A2A46A #B2A76E

#4D5E4D - #778861 - #B2A76E

CSS codes

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

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