#5D5E5B - #B97C88 | 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 #5D5E5B to #B97C88

#5D5E5B #B97C88

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

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

0.0%	0.0% #5D5E5B	RGB 93 94 91	#5D5E5B
16.7%	16.7% #6C6362	RGB 108 99 98	#6C6362
33.3%	33.3% #7B686A	RGB 123 104 106	#7B686A
50.0%	50.0% #8B6D71	RGB 139 109 113	#8B6D71
66.7%	66.7% #9A7279	RGB 154 114 121	#9A7279
83.3%	83.3% #A97780	RGB 169 119 128	#A97780
100.0%	100.0% #B97C88	RGB 185 124 136	#B97C88

#5D5E5B #6C6362 #7B686A #8B6D71 #9A7279 #A97780 #B97C88

#5D5E5B - #B97C88

HSV Blend

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

0.0%	0.0% #5D5E5B	RGB 93 94 91	#5D5E5B
16.7%	16.7% #6C6D64	RGB 108 109 100	#6C6D64
33.3%	33.3% #7C796C	RGB 124 121 108	#7C796C
50.0%	50.0% #8B8072	RGB 139 128 114	#8B8072
66.7%	66.7% #9A8277	RGB 154 130 119	#9A8277
83.3%	83.3% #A97D7A	RGB 169 125 122	#A97D7A
100.0%	100.0% #B97C88	RGB 185 124 136	#B97C88

#5D5E5B #6C6D64 #7C796C #8B8072 #9A8277 #A97D7A #B97C88

#5D5E5B - #8B8072 - #B97C88

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5E5B 0%, #8B8072 50%, #B97C88 100%);
    background: -webkit-linear-gradient(top, #5D5E5B 0%, #8B8072 50%, #B97C88 100%);
    background: linear-gradient(to bottom, #5D5E5B 0%, #8B8072 50%, #B97C88 100%);
}
</style>