#5E5D5B - #B97CAC | 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 #5E5D5B to #B97CAC

#5E5D5B #B97CAC

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

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

0.0%	0.0% #5E5D5B	RGB 94 93 91	#5E5D5B
16.7%	16.7% #6D6268	RGB 109 98 104	#6D6268
33.3%	33.3% #7C6776	RGB 124 103 118	#7C6776
50.0%	50.0% #8B6C83	RGB 139 108 131	#8B6C83
66.7%	66.7% #9A7191	RGB 154 113 145	#9A7191
83.3%	83.3% #A9769E	RGB 169 118 158	#A9769E
100.0%	100.0% #B97CAC	RGB 185 124 172	#B97CAC

#5E5D5B #6D6268 #7C6776 #8B6C83 #9A7191 #A9769E #B97CAC

#5E5D5B - #B97CAC

HSV Blend

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

0.0%	0.0% #5E5D5B	RGB 94 93 91	#5E5D5B
16.7%	16.7% #6D6864	RGB 109 104 100	#6D6864
33.3%	33.3% #7C6E6C	RGB 124 110 108	#7C6E6C
50.0%	50.0% #8B7273	RGB 139 114 115	#8B7273
66.7%	66.7% #9A7781	RGB 154 119 129	#9A7781
83.3%	83.3% #A97A94	RGB 169 122 148	#A97A94
100.0%	100.0% #B97CAC	RGB 185 124 172	#B97CAC

#5E5D5B #6D6864 #7C6E6C #8B7273 #9A7781 #A97A94 #B97CAC

#5E5D5B - #8B7273 - #B97CAC

CSS codes

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

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