#5E584B - #D3BA71 | 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 #5E584B to #D3BA71

#5E584B #D3BA71

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

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

0.0%	0.0% #5E584B	RGB 94 88 75	#5E584B
16.7%	16.7% #716851	RGB 113 104 81	#716851
33.3%	33.3% #857857	RGB 133 120 87	#857857
50.0%	50.0% #98895E	RGB 152 137 94	#98895E
66.7%	66.7% #AC9964	RGB 172 153 100	#AC9964
83.3%	83.3% #BFA96A	RGB 191 169 106	#BFA96A
100.0%	100.0% #D3BA71	RGB 211 186 113	#D3BA71

#5E584B #716851 #857857 #98895E #AC9964 #BFA96A #D3BA71

#5E584B - #D3BA71

HSV Blend

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

0.0%	0.0% #5E584B	RGB 94 88 75	#5E584B
16.7%	16.7% #716855	RGB 113 104 85	#716855
33.3%	33.3% #85795E	RGB 133 121 94	#85795E
50.0%	50.0% #988965	RGB 152 137 101	#988965
66.7%	66.7% #AC9A6B	RGB 172 154 107	#AC9A6B
83.3%	83.3% #BFAA6E	RGB 191 170 110	#BFAA6E
100.0%	100.0% #D3BA71	RGB 211 186 113	#D3BA71

#5E584B #716855 #85795E #988965 #AC9A6B #BFAA6E #D3BA71

#5E584B - #988965 - #D3BA71

CSS codes

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

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