#5E604E - #C3AC77 | 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 #5E604E to #C3AC77

#5E604E #C3AC77

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

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

0.0%	0.0% #5E604E	RGB 94 96 78	#5E604E
16.7%	16.7% #6E6C54	RGB 110 108 84	#6E6C54
33.3%	33.3% #7F795B	RGB 127 121 91	#7F795B
50.0%	50.0% #908662	RGB 144 134 98	#908662
66.7%	66.7% #A19269	RGB 161 146 105	#A19269
83.3%	83.3% #B29F70	RGB 178 159 112	#B29F70
100.0%	100.0% #C3AC77	RGB 195 172 119	#C3AC77

#5E604E #6E6C54 #7F795B #908662 #A19269 #B29F70 #C3AC77

#5E604E - #C3AC77

HSV Blend

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

0.0%	0.0% #5E604E	RGB 94 96 78	#5E604E
16.7%	16.7% #6F7057	RGB 111 112 87	#6F7057
33.3%	33.3% #818060	RGB 129 128 96	#818060
50.0%	50.0% #918D67	RGB 145 141 103	#918D67
66.7%	66.7% #A2996D	RGB 162 153 109	#A2996D
83.3%	83.3% #B2A372	RGB 178 163 114	#B2A372
100.0%	100.0% #C3AC77	RGB 195 172 119	#C3AC77

#5E604E #6F7057 #818060 #918D67 #A2996D #B2A372 #C3AC77

#5E604E - #918D67 - #C3AC77

CSS codes

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

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