#5E6D6B - #B98C9F | 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 #5E6D6B to #B98C9F

#5E6D6B #B98C9F

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

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

0.0%	0.0% #5E6D6B	RGB 94 109 107	#5E6D6B
16.7%	16.7% #6D7273	RGB 109 114 115	#6D7273
33.3%	33.3% #7C777C	RGB 124 119 124	#7C777C
50.0%	50.0% #8B7C85	RGB 139 124 133	#8B7C85
66.7%	66.7% #9A818D	RGB 154 129 141	#9A818D
83.3%	83.3% #A98696	RGB 169 134 150	#A98696
100.0%	100.0% #B98C9F	RGB 185 140 159	#B98C9F

#5E6D6B #6D7273 #7C777C #8B7C85 #9A818D #A98696 #B98C9F

#5E6D6B - #B98C9F

HSV Blend

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

0.0%	0.0% #5E6D6B	RGB 94 109 107	#5E6D6B
16.7%	16.7% #667379	RGB 102 115 121	#667379
33.3%	33.3% #6F7486	RGB 111 116 134	#6F7486
50.0%	50.0% #7D7793	RGB 125 119 147	#7D7793
66.7%	66.7% #947E9F	RGB 148 126 159	#947E9F
83.3%	83.3% #AC85A7	RGB 172 133 167	#AC85A7
100.0%	100.0% #B98C9F	RGB 185 140 159	#B98C9F

#5E6D6B #667379 #6F7486 #7D7793 #947E9F #AC85A7 #B98C9F

#5E6D6B - #7D7793 - #B98C9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6D6B 0%, #7D7793 50%, #B98C9F 100%);
    background: -webkit-linear-gradient(top, #5E6D6B 0%, #7D7793 50%, #B98C9F 100%);
    background: linear-gradient(to bottom, #5E6D6B 0%, #7D7793 50%, #B98C9F 100%);
}
</style>