#5C5E5B - #B9817C | 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 #5C5E5B to #B9817C

#5C5E5B #B9817C

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

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

0.0%	0.0% #5C5E5B	RGB 92 94 91	#5C5E5B
16.7%	16.7% #6B6360	RGB 107 99 96	#6B6360
33.3%	33.3% #7B6966	RGB 123 105 102	#7B6966
50.0%	50.0% #8A6F6B	RGB 138 111 107	#8A6F6B
66.7%	66.7% #9A7571	RGB 154 117 113	#9A7571
83.3%	83.3% #A97B76	RGB 169 123 118	#A97B76
100.0%	100.0% #B9817C	RGB 185 129 124	#B9817C

#5C5E5B #6B6360 #7B6966 #8A6F6B #9A7571 #A97B76 #B9817C

#5C5E5B - #B9817C

HSV Blend

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

0.0%	0.0% #5C5E5B	RGB 92 94 91	#5C5E5B
16.7%	16.7% #696D64	RGB 105 109 100	#696D64
33.3%	33.3% #7A7C6C	RGB 122 124 108	#7A7C6C
50.0%	50.0% #8B8872	RGB 139 136 114	#8B8872
66.7%	66.7% #9A8C77	RGB 154 140 119	#9A8C77
83.3%	83.3% #A98A7A	RGB 169 138 122	#A98A7A
100.0%	100.0% #B9817C	RGB 185 129 124	#B9817C

#5C5E5B #696D64 #7A7C6C #8B8872 #9A8C77 #A98A7A #B9817C

#5C5E5B - #8B8872 - #B9817C

CSS codes

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

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