#5E584B - #D1CF76 | 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 #D1CF76

#5E584B #D1CF76

Calculate the color between two colors, #5E584B and #D1CF76. 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 - #D1CF76 | 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 #D1CF76 as 100%.

0.0%	0.0% #5E584B	RGB 94 88 75	#5E584B
16.7%	16.7% #716B52	RGB 113 107 82	#716B52
33.3%	33.3% #847F59	RGB 132 127 89	#847F59
50.0%	50.0% #979360	RGB 151 147 96	#979360
66.7%	66.7% #AAA767	RGB 170 167 103	#AAA767
83.3%	83.3% #BDBB6E	RGB 189 187 110	#BDBB6E
100.0%	100.0% #D1CF76	RGB 209 207 118	#D1CF76

#5E584B #716B52 #847F59 #979360 #AAA767 #BDBB6E #D1CF76

#5E584B - #D1CF76

HSV Blend

#5E584B - #D1CF76 | 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 #D1CF76 as 100%.

0.0%	0.0% #5E584B	RGB 94 88 75	#5E584B
16.7%	16.7% #716955	RGB 113 105 85	#716955
33.3%	33.3% #847C5F	RGB 132 124 95	#847C5F
50.0%	50.0% #978F67	RGB 151 143 103	#978F67
66.7%	66.7% #AAA36D	RGB 170 163 109	#AAA36D
83.3%	83.3% #BDB872	RGB 189 184 114	#BDB872
100.0%	100.0% #D1CF76	RGB 209 207 118	#D1CF76

#5E584B #716955 #847C5F #978F67 #AAA36D #BDB872 #D1CF76

#5E584B - #978F67 - #D1CF76

CSS codes

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

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