#4D5E4F - #B48B9A | 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 #4D5E4F to #B48B9A

#4D5E4F #B48B9A

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

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

0.0%	0.0% #4D5E4F	RGB 77 94 79	#4D5E4F
16.7%	16.7% #5E655B	RGB 94 101 91	#5E655B
33.3%	33.3% #6F6D68	RGB 111 109 104	#6F6D68
50.0%	50.0% #807474	RGB 128 116 116	#807474
66.7%	66.7% #917C81	RGB 145 124 129	#917C81
83.3%	83.3% #A2838D	RGB 162 131 141	#A2838D
100.0%	100.0% #B48B9A	RGB 180 139 154	#B48B9A

#4D5E4F #5E655B #6F6D68 #807474 #917C81 #A2838D #B48B9A

#4D5E4F - #B48B9A

HSV Blend

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

0.0%	0.0% #4D5E4F	RGB 77 94 79	#4D5E4F
16.7%	16.7% #5D6C57	RGB 93 108 87	#5D6C57
33.3%	33.3% #737A62	RGB 115 122 98	#737A62
50.0%	50.0% #89856D	RGB 137 133 109	#89856D
66.7%	66.7% #978677	RGB 151 134 119	#978677
83.3%	83.3% #A58281	RGB 165 130 129	#A58281
100.0%	100.0% #B48B9A	RGB 180 139 154	#B48B9A

#4D5E4F #5D6C57 #737A62 #89856D #978677 #A58281 #B48B9A

#4D5E4F - #89856D - #B48B9A

CSS codes

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

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