#4D5C5E - #B4A28B | 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 #4D5C5E to #B4A28B

#4D5C5E #B4A28B

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

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

0.0%	0.0% #4D5C5E	RGB 77 92 94	#4D5C5E
16.7%	16.7% #5E6765	RGB 94 103 101	#5E6765
33.3%	33.3% #6F736D	RGB 111 115 109	#6F736D
50.0%	50.0% #807F74	RGB 128 127 116	#807F74
66.7%	66.7% #918A7C	RGB 145 138 124	#918A7C
83.3%	83.3% #A29683	RGB 162 150 131	#A29683
100.0%	100.0% #B4A28B	RGB 180 162 139	#B4A28B

#4D5C5E #5E6765 #6F736D #807F74 #918A7C #A29683 #B4A28B

#4D5C5E - #B4A28B

HSV Blend

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

0.0%	0.0% #4D5C5E	RGB 77 92 94	#4D5C5E
16.7%	16.7% #576C66	RGB 87 108 102	#576C66
33.3%	33.3% #627A68	RGB 98 122 104	#627A68
50.0%	50.0% #71896D	RGB 113 137 109	#71896D
66.7%	66.7% #8A9777	RGB 138 151 119	#8A9777
83.3%	83.3% #A5A581	RGB 165 165 129	#A5A581
100.0%	100.0% #B4A28B	RGB 180 162 139	#B4A28B

#4D5C5E #576C66 #627A68 #71896D #8A9777 #A5A581 #B4A28B

#4D5C5E - #71896D - #B4A28B

CSS codes

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

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