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

#4E5E6D #B0A394

Calculate the color between two colors, #4E5E6D 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)

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

0.0%	0.0% #4E5E6D	RGB 78 94 109	#4E5E6D
16.7%	16.7% #5E6973	RGB 94 105 115	#5E6973
33.3%	33.3% #6E757A	RGB 110 117 122	#6E757A
50.0%	50.0% #7F8080	RGB 127 128 128	#7F8080
66.7%	66.7% #8F8C87	RGB 143 140 135	#8F8C87
83.3%	83.3% #9F978D	RGB 159 151 141	#9F978D
100.0%	100.0% #B0A394	RGB 176 163 148	#B0A394

#4E5E6D #5E6973 #6E757A #7F8080 #8F8C87 #9F978D #B0A394

#4E5E6D - #B0A394

HSV Blend

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

0.0%	0.0% #4E5D6D	RGB 78 93 109	#4E5D6D
16.7%	16.7% #587877	RGB 88 120 119	#587877
33.3%	33.3% #638373	RGB 99 131 115	#638373
50.0%	50.0% #6E8E6F	RGB 110 142 111	#6E8E6F
66.7%	66.7% #89997A	RGB 137 153 122	#89997A
83.3%	83.3% #A4A487	RGB 164 164 135	#A4A487
100.0%	100.0% #B0A394	RGB 176 163 148	#B0A394

#4E5D6D #587877 #638373 #6E8E6F #89997A #A4A487 #B0A394

#4E5E6D - #6E8E6F - #B0A394

CSS codes

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

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