#5E5A52 - #D5A475 | 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 #5E5A52 to #D5A475

#5E5A52 #D5A475

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

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

0.0%	0.0% #5E5A52	RGB 94 90 82	#5E5A52
16.7%	16.7% #716657	RGB 113 102 87	#716657
33.3%	33.3% #85725D	RGB 133 114 93	#85725D
50.0%	50.0% #997F63	RGB 153 127 99	#997F63
66.7%	66.7% #AD8B69	RGB 173 139 105	#AD8B69
83.3%	83.3% #C1976F	RGB 193 151 111	#C1976F
100.0%	100.0% #D5A475	RGB 213 164 117	#D5A475

#5E5A52 #716657 #85725D #997F63 #AD8B69 #C1976F #D5A475

#5E5A52 - #D5A475

HSV Blend

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

0.0%	0.0% #5E5A52	RGB 94 90 82	#5E5A52
16.7%	16.7% #716A5D	RGB 113 106 93	#716A5D
33.3%	33.3% #857966	RGB 133 121 102	#857966
50.0%	50.0% #99866D	RGB 153 134 109	#99866D
66.7%	66.7% #AD9271	RGB 173 146 113	#AD9271
83.3%	83.3% #C19C74	RGB 193 156 116	#C19C74
100.0%	100.0% #D5A475	RGB 213 164 117	#D5A475

#5E5A52 #716A5D #857966 #99866D #AD9271 #C19C74 #D5A475

#5E5A52 - #99866D - #D5A475

CSS codes

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

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