#5E4413 - #CB842D | 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 #5E4413 to #CB842D

#5E4413 #CB842D

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

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

0.0%	0.0% #5E4413	RGB 94 68 19	#5E4413
16.7%	16.7% #704E17	RGB 112 78 23	#704E17
33.3%	33.3% #82591B	RGB 130 89 27	#82591B
50.0%	50.0% #946420	RGB 148 100 32	#946420
66.7%	66.7% #A66E24	RGB 166 110 36	#A66E24
83.3%	83.3% #B87928	RGB 184 121 40	#B87928
100.0%	100.0% #CB842D	RGB 203 132 45	#CB842D

#5E4413 #704E17 #82591B #946420 #A66E24 #B87928 #CB842D

#5E4413 - #CB842D

HSV Blend

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

0.0%	0.0% #5E4412	RGB 94 68 18	#5E4412
16.7%	16.7% #704F17	RGB 112 79 23	#704F17
33.3%	33.3% #825B1B	RGB 130 91 27	#825B1B
50.0%	50.0% #94651F	RGB 148 101 31	#94651F
66.7%	66.7% #A67023	RGB 166 112 35	#A67023
83.3%	83.3% #B87A28	RGB 184 122 40	#B87A28
100.0%	100.0% #CB842D	RGB 203 132 45	#CB842D

#5E4412 #704F17 #825B1B #94651F #A67023 #B87A28 #CB842D

#5E4413 - #94651F - #CB842D

CSS codes

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

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