#5E5C5B - #BC818E | 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 #BC818E

#5E5C5B #BC818E

Calculate the color between two colors, #5E5C5B and #BC818E. 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 - #BC818E | 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 #BC818E as 100%.

0.0%	0.0% #5E5C5B	RGB 94 92 91	#5E5C5B
16.7%	16.7% #6D6263	RGB 109 98 99	#6D6263
33.3%	33.3% #7D686C	RGB 125 104 108	#7D686C
50.0%	50.0% #8D6E74	RGB 141 110 116	#8D6E74
66.7%	66.7% #9C747D	RGB 156 116 125	#9C747D
83.3%	83.3% #AC7A85	RGB 172 122 133	#AC7A85
100.0%	100.0% #BC818E	RGB 188 129 142	#BC818E

#5E5C5B #6D6263 #7D686C #8D6E74 #9C747D #AC7A85 #BC818E

#5E5C5B - #BC818E

HSV Blend

#5E5C5B - #BC818E | 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 #BC818E as 100%.

0.0%	0.0% #5E5C5B	RGB 94 92 91	#5E5C5B
16.7%	16.7% #6D6765	RGB 109 103 101	#6D6765
33.3%	33.3% #7D6F6D	RGB 125 111 109	#7D6F6D
50.0%	50.0% #8D7674	RGB 141 118 116	#8D7674
66.7%	66.7% #9C7A7B	RGB 156 122 123	#9C7A7B
83.3%	83.3% #AC7E84	RGB 172 126 132	#AC7E84
100.0%	100.0% #BC818E	RGB 188 129 142	#BC818E

#5E5C5B #6D6765 #7D6F6D #8D7674 #9C7A7B #AC7E84 #BC818E

#5E5C5B - #8D7674 - #BC818E

CSS codes

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

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