#5E543D - #CAC565 | 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 #5E543D to #CAC565

#5E543D #CAC565

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

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

0.0%	0.0% #5E543D	RGB 94 84 61	#5E543D
16.7%	16.7% #706643	RGB 112 102 67	#706643
33.3%	33.3% #82794A	RGB 130 121 74	#82794A
50.0%	50.0% #948C51	RGB 148 140 81	#948C51
66.7%	66.7% #A69F57	RGB 166 159 87	#A69F57
83.3%	83.3% #B8B25E	RGB 184 178 94	#B8B25E
100.0%	100.0% #CAC565	RGB 202 197 101	#CAC565

#5E543D #706643 #82794A #948C51 #A69F57 #B8B25E #CAC565

#5E543D - #CAC565

HSV Blend

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

0.0%	0.0% #5E543D	RGB 94 84 61	#5E543D
16.7%	16.7% #706545	RGB 112 101 69	#706545
33.3%	33.3% #82764D	RGB 130 118 77	#82764D
50.0%	50.0% #948855	RGB 148 136 85	#948855
66.7%	66.7% #A69B5B	RGB 166 155 91	#A69B5B
83.3%	83.3% #B8AF60	RGB 184 175 96	#B8AF60
100.0%	100.0% #CAC565	RGB 202 197 101	#CAC565

#5E543D #706545 #82764D #948855 #A69B5B #B8AF60 #CAC565

#5E543D - #948855 - #CAC565

CSS codes

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

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