#5E4530 - #CB8A52 | 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 #5E4530 to #CB8A52

#5E4530 #CB8A52

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

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

0.0%	0.0% #5E4530	RGB 94 69 48	#5E4530
16.7%	16.7% #705035	RGB 112 80 53	#705035
33.3%	33.3% #825C3B	RGB 130 92 59	#825C3B
50.0%	50.0% #946741	RGB 148 103 65	#946741
66.7%	66.7% #A67346	RGB 166 115 70	#A67346
83.3%	83.3% #B87E4C	RGB 184 126 76	#B87E4C
100.0%	100.0% #CB8A52	RGB 203 138 82	#CB8A52

#5E4530 #705035 #825C3B #946741 #A67346 #B87E4C #CB8A52

#5E4530 - #CB8A52

HSV Blend

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

0.0%	0.0% #5E4530	RGB 94 69 48	#5E4530
16.7%	16.7% #705137	RGB 112 81 55	#705137
33.3%	33.3% #825D3D	RGB 130 93 61	#825D3D
50.0%	50.0% #946843	RGB 148 104 67	#946843
66.7%	66.7% #A67449	RGB 166 116 73	#A67449
83.3%	83.3% #B87F4D	RGB 184 127 77	#B87F4D
100.0%	100.0% #CB8A52	RGB 203 138 82	#CB8A52

#5E4530 #705137 #825D3D #946843 #A67449 #B87F4D #CB8A52

#5E4530 - #946843 - #CB8A52

CSS codes

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

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