#4D5E4B - #B5AA6E | 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 #4D5E4B to #B5AA6E

#4D5E4B #B5AA6E

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

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

0.0%	0.0% #4D5E4B	RGB 77 94 75	#4D5E4B
16.7%	16.7% #5E6A50	RGB 94 106 80	#5E6A50
33.3%	33.3% #6F7756	RGB 111 119 86	#6F7756
50.0%	50.0% #81845C	RGB 129 132 92	#81845C
66.7%	66.7% #929062	RGB 146 144 98	#929062
83.3%	83.3% #A39D68	RGB 163 157 104	#A39D68
100.0%	100.0% #B5AA6E	RGB 181 170 110	#B5AA6E

#4D5E4B #5E6A50 #6F7756 #81845C #929062 #A39D68 #B5AA6E

#4D5E4B - #B5AA6E

HSV Blend

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

0.0%	0.0% #4D5E4B	RGB 77 94 75	#4D5E4B
16.7%	16.7% #5A6C53	RGB 90 108 83	#5A6C53
33.3%	33.3% #697B5A	RGB 105 123 90	#697B5A
50.0%	50.0% #7A8960	RGB 122 137 96	#7A8960
66.7%	66.7% #8E9866	RGB 142 152 102	#8E9866
83.3%	83.3% #A5A66A	RGB 165 166 106	#A5A66A
100.0%	100.0% #B5AA6E	RGB 181 170 110	#B5AA6E

#4D5E4B #5A6C53 #697B5A #7A8960 #8E9866 #A5A66A #B5AA6E

#4D5E4B - #7A8960 - #B5AA6E

CSS codes

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

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