#5E5E56 - #D5A675 | 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 #5E5E56 to #D5A675

#5E5E56 #D5A675

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

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

0.0%	0.0% #5E5E56	RGB 94 94 86	#5E5E56
16.7%	16.7% #716A5B	RGB 113 106 91	#716A5B
33.3%	33.3% #857660	RGB 133 118 96	#857660
50.0%	50.0% #998265	RGB 153 130 101	#998265
66.7%	66.7% #AD8E6A	RGB 173 142 106	#AD8E6A
83.3%	83.3% #C19A6F	RGB 193 154 111	#C19A6F
100.0%	100.0% #D5A675	RGB 213 166 117	#D5A675

#5E5E56 #716A5B #857660 #998265 #AD8E6A #C19A6F #D5A675

#5E5E56 - #D5A675

HSV Blend

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

0.0%	0.0% #5E5E56	RGB 94 94 86	#5E5E56
16.7%	16.7% #717061	RGB 113 112 97	#717061
33.3%	33.3% #85816A	RGB 133 129 106	#85816A
50.0%	50.0% #998F70	RGB 153 143 112	#998F70
66.7%	66.7% #AD9A74	RGB 173 154 116	#AD9A74
83.3%	83.3% #C1A275	RGB 193 162 117	#C1A275
100.0%	100.0% #D5A675	RGB 213 166 117	#D5A675

#5E5E56 #717061 #85816A #998F70 #AD9A74 #C1A275 #D5A675

#5E5E56 - #998F70 - #D5A675

CSS codes

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

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