#5A4D3E - #CD9562 | 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 #5A4D3E to #CD9562

#5A4D3E #CD9562

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

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

0.0%	0.0% #5A4D3E	RGB 90 77 62	#5A4D3E
16.7%	16.7% #6D5944	RGB 109 89 68	#6D5944
33.3%	33.3% #80654A	RGB 128 101 74	#80654A
50.0%	50.0% #937150	RGB 147 113 80	#937150
66.7%	66.7% #A67D56	RGB 166 125 86	#A67D56
83.3%	83.3% #B9895C	RGB 185 137 92	#B9895C
100.0%	100.0% #CD9562	RGB 205 149 98	#CD9562

#5A4D3E #6D5944 #80654A #937150 #A67D56 #B9895C #CD9562

#5A4D3E - #CD9562

HSV Blend

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

0.0%	0.0% #5A4D3E	RGB 90 77 62	#5A4D3E
16.7%	16.7% #6D5B47	RGB 109 91 71	#6D5B47
33.3%	33.3% #80684F	RGB 128 104 79	#80684F
50.0%	50.0% #937556	RGB 147 117 86	#937556
66.7%	66.7% #A6805B	RGB 166 128 91	#A6805B
83.3%	83.3% #B98B5F	RGB 185 139 95	#B98B5F
100.0%	100.0% #CD9562	RGB 205 149 98	#CD9562

#5A4D3E #6D5B47 #80684F #937556 #A6805B #B98B5F #CD9562

#5A4D3E - #937556 - #CD9562

CSS codes

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

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