#5E5B5C - #482918 | 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 #5E5B5C to #482918

#5E5B5C #482918

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

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

0.0%	0.0% #5E5B5C	RGB 94 91 92	#5E5B5C
16.7%	16.7% #5A5250	RGB 90 82 80	#5A5250
33.3%	33.3% #564A45	RGB 86 74 69	#564A45
50.0%	50.0% #53423A	RGB 83 66 58	#53423A
66.7%	66.7% #4F392E	RGB 79 57 46	#4F392E
83.3%	83.3% #4B3123	RGB 75 49 35	#4B3123
100.0%	100.0% #482918	RGB 72 41 24	#482918

#5E5B5C #5A5250 #564A45 #53423A #4F392E #4B3123 #482918

#5E5B5C - #482918

HSV Blend

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

0.0%	0.0% #5E5B5C	RGB 94 91 92	#5E5B5C
16.7%	16.7% #5A4D50	RGB 90 77 80	#5A4D50
33.3%	33.3% #564143	RGB 86 65 67	#564143
50.0%	50.0% #533636	RGB 83 54 54	#533636
66.7%	66.7% #4F2F2B	RGB 79 47 43	#4F2F2B
83.3%	83.3% #4B2B21	RGB 75 43 33	#4B2B21
100.0%	100.0% #482918	RGB 72 41 24	#482918

#5E5B5C #5A4D50 #564143 #533636 #4F2F2B #4B2B21 #482918

#5E5B5C - #533636 - #482918

CSS codes

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

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