#4D5E6C - #B0A394 | 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 #4D5E6C to #B0A394

#4D5E6C #B0A394

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

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

0.0%	0.0% #4D5E6C	RGB 77 94 108	#4D5E6C
16.7%	16.7% #5D6972	RGB 93 105 114	#5D6972
33.3%	33.3% #6E7579	RGB 110 117 121	#6E7579
50.0%	50.0% #7E8080	RGB 126 128 128	#7E8080
66.7%	66.7% #8F8C86	RGB 143 140 134	#8F8C86
83.3%	83.3% #9F978D	RGB 159 151 141	#9F978D
100.0%	100.0% #B0A394	RGB 176 163 148	#B0A394

#4D5E6C #5D6972 #6E7579 #7E8080 #8F8C86 #9F978D #B0A394

#4D5E6C - #B0A394

HSV Blend

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

0.0%	0.0% #4D5D6C	RGB 77 93 108	#4D5D6C
16.7%	16.7% #577776	RGB 87 119 118	#577776
33.3%	33.3% #628272	RGB 98 130 114	#628272
50.0%	50.0% #6E8E6E	RGB 110 142 110	#6E8E6E
66.7%	66.7% #89997A	RGB 137 153 122	#89997A
83.3%	83.3% #A4A486	RGB 164 164 134	#A4A486
100.0%	100.0% #B0A394	RGB 176 163 148	#B0A394

#4D5D6C #577776 #628272 #6E8E6E #89997A #A4A486 #B0A394

#4D5E6C - #6E8E6E - #B0A394

CSS codes

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

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