#5D4D3E - #CF9562 | 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 #5D4D3E to #CF9562

#5D4D3E #CF9562

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

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

0.0%	0.0% #5D4D3E	RGB 93 77 62	#5D4D3E
16.7%	16.7% #705944	RGB 112 89 68	#705944
33.3%	33.3% #83654A	RGB 131 101 74	#83654A
50.0%	50.0% #967150	RGB 150 113 80	#967150
66.7%	66.7% #A97D56	RGB 169 125 86	#A97D56
83.3%	83.3% #BC895C	RGB 188 137 92	#BC895C
100.0%	100.0% #CF9562	RGB 207 149 98	#CF9562

#5D4D3E #705944 #83654A #967150 #A97D56 #BC895C #CF9562

#5D4D3E - #CF9562

HSV Blend

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

0.0%	0.0% #5D4D3E	RGB 93 77 62	#5D4D3E
16.7%	16.7% #705A47	RGB 112 90 71	#705A47
33.3%	33.3% #83674E	RGB 131 103 78	#83674E
50.0%	50.0% #967455	RGB 150 116 85	#967455
66.7%	66.7% #A97F5A	RGB 169 127 90	#A97F5A
83.3%	83.3% #BC8A5F	RGB 188 138 95	#BC8A5F
100.0%	100.0% #CF9562	RGB 207 149 98	#CF9562

#5D4D3E #705A47 #83674E #967455 #A97F5A #BC8A5F #CF9562

#5D4D3E - #967455 - #CF9562

CSS codes

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

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