#5E5C5B - #B97CAD | 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 #5E5C5B to #B97CAD

#5E5C5B #B97CAD

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

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

0.0%	0.0% #5E5C5B	RGB 94 92 91	#5E5C5B
16.7%	16.7% #6D6168	RGB 109 97 104	#6D6168
33.3%	33.3% #7C6676	RGB 124 102 118	#7C6676
50.0%	50.0% #8B6C84	RGB 139 108 132	#8B6C84
66.7%	66.7% #9A7191	RGB 154 113 145	#9A7191
83.3%	83.3% #A9769F	RGB 169 118 159	#A9769F
100.0%	100.0% #B97CAD	RGB 185 124 173	#B97CAD

#5E5C5B #6D6168 #7C6676 #8B6C84 #9A7191 #A9769F #B97CAD

#5E5C5B - #B97CAD

HSV Blend

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

0.0%	0.0% #5E5C5B	RGB 94 92 91	#5E5C5B
16.7%	16.7% #6D6564	RGB 109 101 100	#6D6564
33.3%	33.3% #7C6C6C	RGB 124 108 108	#7C6C6C
50.0%	50.0% #8B7278	RGB 139 114 120	#8B7278
66.7%	66.7% #9A7786	RGB 154 119 134	#9A7786
83.3%	83.3% #A97A97	RGB 169 122 151	#A97A97
100.0%	100.0% #B97CAD	RGB 185 124 173	#B97CAD

#5E5C5B #6D6564 #7C6C6C #8B7278 #9A7786 #A97A97 #B97CAD

#5E5C5B - #8B7278 - #B97CAD

CSS codes

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

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