#5E564E - #D4A073 | 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 #5E564E to #D4A073

#5E564E #D4A073

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

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

0.0%	0.0% #5E564E	RGB 94 86 78	#5E564E
16.7%	16.7% #716254	RGB 113 98 84	#716254
33.3%	33.3% #856E5A	RGB 133 110 90	#856E5A
50.0%	50.0% #997B60	RGB 153 123 96	#997B60
66.7%	66.7% #AC8766	RGB 172 135 102	#AC8766
83.3%	83.3% #C0936C	RGB 192 147 108	#C0936C
100.0%	100.0% #D4A073	RGB 212 160 115	#D4A073

#5E564E #716254 #856E5A #997B60 #AC8766 #C0936C #D4A073

#5E564E - #D4A073

HSV Blend

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

0.0%	0.0% #5E564E	RGB 94 86 78	#5E564E
16.7%	16.7% #716558	RGB 113 101 88	#716558
33.3%	33.3% #857361	RGB 133 115 97	#857361
50.0%	50.0% #998068	RGB 153 128 104	#998068
66.7%	66.7% #AC8B6E	RGB 172 139 110	#AC8B6E
83.3%	83.3% #C09671	RGB 192 150 113	#C09671
100.0%	100.0% #D4A073	RGB 212 160 115	#D4A073

#5E564E #716558 #857361 #998068 #AC8B6E #C09671 #D4A073

#5E564E - #998068 - #D4A073

CSS codes

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

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