#5D5E5A - #B8817B | 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 #5D5E5A to #B8817B

#5D5E5A #B8817B

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

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

0.0%	0.0% #5D5E5A	RGB 93 94 90	#5D5E5A
16.7%	16.7% #6C635F	RGB 108 99 95	#6C635F
33.3%	33.3% #7B6965	RGB 123 105 101	#7B6965
50.0%	50.0% #8A6F6A	RGB 138 111 106	#8A6F6A
66.7%	66.7% #997570	RGB 153 117 112	#997570
83.3%	83.3% #A87B75	RGB 168 123 117	#A87B75
100.0%	100.0% #B8817B	RGB 184 129 123	#B8817B

#5D5E5A #6C635F #7B6965 #8A6F6A #997570 #A87B75 #B8817B

#5D5E5A - #B8817B

HSV Blend

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

0.0%	0.0% #5D5E5A	RGB 93 94 90	#5D5E5A
16.7%	16.7% #6C6D63	RGB 108 109 99	#6C6D63
33.3%	33.3% #7C796A	RGB 124 121 106	#7C796A
50.0%	50.0% #8B8271	RGB 139 130 113	#8B8271
66.7%	66.7% #9A8775	RGB 154 135 117	#9A8775
83.3%	83.3% #A98779	RGB 169 135 121	#A98779
100.0%	100.0% #B8817B	RGB 184 129 123	#B8817B

#5D5E5A #6C6D63 #7C796A #8B8271 #9A8775 #A98779 #B8817B

#5D5E5A - #8B8271 - #B8817B

CSS codes

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

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