#5E523F - #482A08 | 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 #5E523F to #482A08

#5E523F #482A08

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

#5E523F - #482A08 | 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 #5E523F as 0% and #482A08 as 100%.

0.0%	0.0% #5E523F	RGB 94 82 63	#5E523F
16.7%	16.7% #5A4B35	RGB 90 75 53	#5A4B35
33.3%	33.3% #56442C	RGB 86 68 44	#56442C
50.0%	50.0% #533E23	RGB 83 62 35	#533E23
66.7%	66.7% #4F371A	RGB 79 55 26	#4F371A
83.3%	83.3% #4B3011	RGB 75 48 17	#4B3011
100.0%	100.0% #482A08	RGB 72 42 8	#482A08

#5E523F #5A4B35 #56442C #533E23 #4F371A #4B3011 #482A08

#5E523F - #482A08

HSV Blend

#5E523F - #482A08 | 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 #5E523F as 0% and #482A08 as 100%.

0.0%	0.0% #5E523F	RGB 94 82 63	#5E523F
16.7%	16.7% #5A4B34	RGB 90 75 52	#5A4B34
33.3%	33.3% #564429	RGB 86 68 41	#564429
50.0%	50.0% #533D20	RGB 83 61 32	#533D20
66.7%	66.7% #4F3617	RGB 79 54 23	#4F3617
83.3%	83.3% #4B300F	RGB 75 48 15	#4B300F
100.0%	100.0% #482A08	RGB 72 42 8	#482A08

#5E523F #5A4B34 #564429 #533D20 #4F3617 #4B300F #482A08

#5E523F - #533D20 - #482A08

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E523F 0%, #533D20 50%, #482A08 100%);
    background: -webkit-linear-gradient(top, #5E523F 0%, #533D20 50%, #482A08 100%);
    background: linear-gradient(to bottom, #5E523F 0%, #533D20 50%, #482A08 100%);
}
</style>