#5C5957 - #D5A57F | 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 #5C5957 to #D5A57F

#5C5957 #D5A57F

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

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

0.0%	0.0% #5C5957	RGB 92 89 87	#5C5957
16.7%	16.7% #70655D	RGB 112 101 93	#70655D
33.3%	33.3% #847264	RGB 132 114 100	#847264
50.0%	50.0% #987F6B	RGB 152 127 107	#987F6B
66.7%	66.7% #AC8B71	RGB 172 139 113	#AC8B71
83.3%	83.3% #C09878	RGB 192 152 120	#C09878
100.0%	100.0% #D5A57F	RGB 213 165 127	#D5A57F

#5C5957 #70655D #847264 #987F6B #AC8B71 #C09878 #D5A57F

#5C5957 - #D5A57F

HSV Blend

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

0.0%	0.0% #5C5957	RGB 92 89 87	#5C5957
16.7%	16.7% #706863	RGB 112 104 99	#706863
33.3%	33.3% #84776D	RGB 132 119 109	#84776D
50.0%	50.0% #988475	RGB 152 132 117	#988475
66.7%	66.7% #AC907B	RGB 172 144 123	#AC907B
83.3%	83.3% #C09B7E	RGB 192 155 126	#C09B7E
100.0%	100.0% #D5A57F	RGB 213 165 127	#D5A57F

#5C5957 #706863 #84776D #988475 #AC907B #C09B7E #D5A57F

#5C5957 - #988475 - #D5A57F

CSS codes

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

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