#5D5E6F - #B49E8C | 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 #5D5E6F to #B49E8C

#5D5E6F #B49E8C

Calculate the color between two colors, #5D5E6F and #B49E8C. 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)

#5D5E6F - #B49E8C | 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 #5D5E6F as 0% and #B49E8C as 100%.

0.0%	0.0% #5D5E6F	RGB 93 94 111	#5D5E6F
16.7%	16.7% #6B6873	RGB 107 104 115	#6B6873
33.3%	33.3% #7A7378	RGB 122 115 120	#7A7378
50.0%	50.0% #887E7D	RGB 136 126 125	#887E7D
66.7%	66.7% #978882	RGB 151 136 130	#978882
83.3%	83.3% #A59387	RGB 165 147 135	#A59387
100.0%	100.0% #B49E8C	RGB 180 158 140	#B49E8C

#5D5E6F #6B6873 #7A7378 #887E7D #978882 #A59387 #B49E8C

#5D5E6F - #B49E8C

HSV Blend

#5D5E6F - #B49E8C | 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 #5D5E6F as 0% and #B49E8C as 100%.

0.0%	0.0% #5D5E6F	RGB 93 94 111	#5D5E6F
16.7%	16.7% #6D657A	RGB 109 101 122	#6D657A
33.3%	33.3% #806D86	RGB 128 109 134	#806D86
50.0%	50.0% #91758B	RGB 145 117 139	#91758B
66.7%	66.7% #9D7D89	RGB 157 125 137	#9D7D89
83.3%	83.3% #A88584	RGB 168 133 132	#A88584
100.0%	100.0% #B49E8C	RGB 180 158 140	#B49E8C

#5D5E6F #6D657A #806D86 #91758B #9D7D89 #A88584 #B49E8C

#5D5E6F - #91758B - #B49E8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5E6F 0%, #91758B 50%, #B49E8C 100%);
    background: -webkit-linear-gradient(top, #5D5E6F 0%, #91758B 50%, #B49E8C 100%);
    background: linear-gradient(to bottom, #5D5E6F 0%, #91758B 50%, #B49E8C 100%);
}
</style>