#4B5D5E - #B4A48C | 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 #4B5D5E to #B4A48C

#4B5D5E #B4A48C

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

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

0.0%	0.0% #4B5D5E	RGB 75 93 94	#4B5D5E
16.7%	16.7% #5C6865	RGB 92 104 101	#5C6865
33.3%	33.3% #6E746D	RGB 110 116 109	#6E746D
50.0%	50.0% #7F8075	RGB 127 128 117	#7F8075
66.7%	66.7% #918C7C	RGB 145 140 124	#918C7C
83.3%	83.3% #A29884	RGB 162 152 132	#A29884
100.0%	100.0% #B4A48C	RGB 180 164 140	#B4A48C

#4B5D5E #5C6865 #6E746D #7F8075 #918C7C #A29884 #B4A48C

#4B5D5E - #B4A48C

HSV Blend

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

0.0%	0.0% #4B5D5E	RGB 75 93 94	#4B5D5E
16.7%	16.7% #566C64	RGB 86 108 100	#566C64
33.3%	33.3% #617A67	RGB 97 122 103	#617A67
50.0%	50.0% #70896B	RGB 112 137 107	#70896B
66.7%	66.7% #899776	RGB 137 151 118	#899776
83.3%	83.3% #A5A581	RGB 165 165 129	#A5A581
100.0%	100.0% #B4A48C	RGB 180 164 140	#B4A48C

#4B5D5E #566C64 #617A67 #70896B #899776 #A5A581 #B4A48C

#4B5D5E - #70896B - #B4A48C

CSS codes

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

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