#5C5E5B - #B9947C | 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 #B9947C

#5C5E5B #B9947C

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

0.0%	0.0% #5C5E5B	RGB 92 94 91	#5C5E5B
16.7%	16.7% #6B6760	RGB 107 103 96	#6B6760
33.3%	33.3% #7B7066	RGB 123 112 102	#7B7066
50.0%	50.0% #8A796B	RGB 138 121 107	#8A796B
66.7%	66.7% #9A8271	RGB 154 130 113	#9A8271
83.3%	83.3% #A98B76	RGB 169 139 118	#A98B76
100.0%	100.0% #B9947C	RGB 185 148 124	#B9947C

#5C5E5B #6B6760 #7B7066 #8A796B #9A8271 #A98B76 #B9947C

#5C5E5B - #B9947C

HSV Blend

#5C5E5B - #B9947C | 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 #B9947C 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% #787C6C	RGB 120 124 108	#787C6C
50.0%	50.0% #8A8B72	RGB 138 139 114	#8A8B72
66.7%	66.7% #9A9477	RGB 154 148 119	#9A9477
83.3%	83.3% #A9977A	RGB 169 151 122	#A9977A
100.0%	100.0% #B9947C	RGB 185 148 124	#B9947C

#5C5E5B #696D64 #787C6C #8A8B72 #9A9477 #A9977A #B9947C

#5C5E5B - #8A8B72 - #B9947C

CSS codes

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

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