#5E441B - #CB8537 | 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 #5E441B to #CB8537

#5E441B #CB8537

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

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

0.0%	0.0% #5E441B	RGB 94 68 27	#5E441B
16.7%	16.7% #704E1F	RGB 112 78 31	#704E1F
33.3%	33.3% #825924	RGB 130 89 36	#825924
50.0%	50.0% #946429	RGB 148 100 41	#946429
66.7%	66.7% #A66F2D	RGB 166 111 45	#A66F2D
83.3%	83.3% #B87A32	RGB 184 122 50	#B87A32
100.0%	100.0% #CB8537	RGB 203 133 55	#CB8537

#5E441B #704E1F #825924 #946429 #A66F2D #B87A32 #CB8537

#5E441B - #CB8537

HSV Blend

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

0.0%	0.0% #5E441B	RGB 94 68 27	#5E441B
16.7%	16.7% #704F1F	RGB 112 79 31	#704F1F
33.3%	33.3% #825B24	RGB 130 91 36	#825B24
50.0%	50.0% #946629	RGB 148 102 41	#946629
66.7%	66.7% #A6712E	RGB 166 113 46	#A6712E
83.3%	83.3% #B87B32	RGB 184 123 50	#B87B32
100.0%	100.0% #CB8537	RGB 203 133 55	#CB8537

#5E441B #704F1F #825B24 #946629 #A6712E #B87B32 #CB8537

#5E441B - #946629 - #CB8537

CSS codes

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

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