#5B5E5F - #BCA186 | 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 #5B5E5F to #BCA186

#5B5E5F #BCA186

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

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

0.0%	0.0% #5B5E5F	RGB 91 94 95	#5B5E5F
16.7%	16.7% #6B6965	RGB 107 105 101	#6B6965
33.3%	33.3% #7B746C	RGB 123 116 108	#7B746C
50.0%	50.0% #8B7F72	RGB 139 127 114	#8B7F72
66.7%	66.7% #9B8A79	RGB 155 138 121	#9B8A79
83.3%	83.3% #AB957F	RGB 171 149 127	#AB957F
100.0%	100.0% #BCA186	RGB 188 161 134	#BCA186

#5B5E5F #6B6965 #7B746C #8B7F72 #9B8A79 #AB957F #BCA186

#5B5E5F - #BCA186

HSV Blend

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

0.0%	0.0% #5B5E5F	RGB 91 94 95	#5B5E5F
16.7%	16.7% #656E6C	RGB 101 110 108	#656E6C
33.3%	33.3% #6E7E73	RGB 110 126 115	#6E7E73
50.0%	50.0% #798D76	RGB 121 141 118	#798D76
66.7%	66.7% #8F9D7C	RGB 143 157 124	#8F9D7C
83.3%	83.3% #ACAA81	RGB 172 170 129	#ACAA81
100.0%	100.0% #BCA186	RGB 188 161 134	#BCA186

#5B5E5F #656E6C #6E7E73 #798D76 #8F9D7C #ACAA81 #BCA186

#5B5E5F - #798D76 - #BCA186

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5E5F 0%, #798D76 50%, #BCA186 100%);
    background: -webkit-linear-gradient(top, #5B5E5F 0%, #798D76 50%, #BCA186 100%);
    background: linear-gradient(to bottom, #5B5E5F 0%, #798D76 50%, #BCA186 100%);
}
</style>