#5E4426 - #CB8745 | 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 #5E4426 to #CB8745

#5E4426 #CB8745

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

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

0.0%	0.0% #5E4426	RGB 94 68 38	#5E4426
16.7%	16.7% #704F2B	RGB 112 79 43	#704F2B
33.3%	33.3% #825A30	RGB 130 90 48	#825A30
50.0%	50.0% #946535	RGB 148 101 53	#946535
66.7%	66.7% #A6703A	RGB 166 112 58	#A6703A
83.3%	83.3% #B87B3F	RGB 184 123 63	#B87B3F
100.0%	100.0% #CB8745	RGB 203 135 69	#CB8745

#5E4426 #704F2B #825A30 #946535 #A6703A #B87B3F #CB8745

#5E4426 - #CB8745

HSV Blend

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

0.0%	0.0% #5E4426	RGB 94 68 38	#5E4426
16.7%	16.7% #70502C	RGB 112 80 44	#70502C
33.3%	33.3% #825B31	RGB 130 91 49	#825B31
50.0%	50.0% #946737	RGB 148 103 55	#946737
66.7%	66.7% #A6723C	RGB 166 114 60	#A6723C
83.3%	83.3% #B87C40	RGB 184 124 64	#B87C40
100.0%	100.0% #CB8745	RGB 203 135 69	#CB8745

#5E4426 #70502C #825B31 #946737 #A6723C #B87C40 #CB8745

#5E4426 - #946737 - #CB8745

CSS codes

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

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