#5E553E - #CFB463 | 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 #5E553E to #CFB463

#5E553E #CFB463

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

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

0.0%	0.0% #5E553E	RGB 94 85 62	#5E553E
16.7%	16.7% #706444	RGB 112 100 68	#706444
33.3%	33.3% #83744A	RGB 131 116 74	#83744A
50.0%	50.0% #968450	RGB 150 132 80	#968450
66.7%	66.7% #A99456	RGB 169 148 86	#A99456
83.3%	83.3% #BCA45C	RGB 188 164 92	#BCA45C
100.0%	100.0% #CFB463	RGB 207 180 99	#CFB463

#5E553E #706444 #83744A #968450 #A99456 #BCA45C #CFB463

#5E553E - #CFB463

HSV Blend

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

0.0%	0.0% #5E553E	RGB 94 85 62	#5E553E
16.7%	16.7% #706547	RGB 112 101 71	#706547
33.3%	33.3% #83754E	RGB 131 117 78	#83754E
50.0%	50.0% #968555	RGB 150 133 85	#968555
66.7%	66.7% #A9945B	RGB 169 148 91	#A9945B
83.3%	83.3% #BCA45F	RGB 188 164 95	#BCA45F
100.0%	100.0% #CFB463	RGB 207 180 99	#CFB463

#5E553E #706547 #83754E #968555 #A9945B #BCA45F #CFB463

#5E553E - #968555 - #CFB463

CSS codes

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

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