#5E5F56 - #C0AB7F | 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 #5E5F56 to #C0AB7F

#5E5F56 #C0AB7F

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

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

0.0%	0.0% #5E5F56	RGB 94 95 86	#5E5F56
16.7%	16.7% #6E6B5C	RGB 110 107 92	#6E6B5C
33.3%	33.3% #7E7863	RGB 126 120 99	#7E7863
50.0%	50.0% #8F856A	RGB 143 133 106	#8F856A
66.7%	66.7% #9F9171	RGB 159 145 113	#9F9171
83.3%	83.3% #AF9E78	RGB 175 158 120	#AF9E78
100.0%	100.0% #C0AB7F	RGB 192 171 127	#C0AB7F

#5E5F56 #6E6B5C #7E7863 #8F856A #9F9171 #AF9E78 #C0AB7F

#5E5F56 - #C0AB7F

HSV Blend

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

0.0%	0.0% #5E5F56	RGB 94 95 86	#5E5F56
16.7%	16.7% #6E6F60	RGB 110 111 96	#6E6F60
33.3%	33.3% #7F7E68	RGB 127 126 104	#7F7E68
50.0%	50.0% #8F8C70	RGB 143 140 112	#8F8C70
66.7%	66.7% #9F9876	RGB 159 152 118	#9F9876
83.3%	83.3% #AFA27B	RGB 175 162 123	#AFA27B
100.0%	100.0% #C0AB7F	RGB 192 171 127	#C0AB7F

#5E5F56 #6E6F60 #7F7E68 #8F8C70 #9F9876 #AFA27B #C0AB7F

#5E5F56 - #8F8C70 - #C0AB7F

CSS codes

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

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