#5B5B4C - #42360B | 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 #5B5B4C to #42360B

#5B5B4C #42360B

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

#5B5B4C - #42360B | 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 #5B5B4C as 0% and #42360B as 100%.

0.0%	0.0% #5B5B4C	RGB 91 91 76	#5B5B4C
16.7%	16.7% #565441	RGB 86 84 65	#565441
33.3%	33.3% #524E36	RGB 82 78 54	#524E36
50.0%	50.0% #4E482B	RGB 78 72 43	#4E482B
66.7%	66.7% #4A4220	RGB 74 66 32	#4A4220
83.3%	83.3% #463C15	RGB 70 60 21	#463C15
100.0%	100.0% #42360B	RGB 66 54 11	#42360B

#5B5B4C #565441 #524E36 #4E482B #4A4220 #463C15 #42360B

#5B5B4C - #42360B

HSV Blend

#5B5B4C - #42360B | 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 #5B5B4C as 0% and #42360B as 100%.

0.0%	0.0% #5B5B4C	RGB 91 91 76	#5B5B4C
16.7%	16.7% #56553E	RGB 86 85 62	#56553E
33.3%	33.3% #525032	RGB 82 80 50	#525032
50.0%	50.0% #4E4A27	RGB 78 74 39	#4E4A27
66.7%	66.7% #4A431C	RGB 74 67 28	#4A431C
83.3%	83.3% #463C13	RGB 70 60 19	#463C13
100.0%	100.0% #42360B	RGB 66 54 11	#42360B

#5B5B4C #56553E #525032 #4E4A27 #4A431C #463C13 #42360B

#5B5B4C - #4E4A27 - #42360B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5B4C 0%, #4E4A27 50%, #42360B 100%);
    background: -webkit-linear-gradient(top, #5B5B4C 0%, #4E4A27 50%, #42360B 100%);
    background: linear-gradient(to bottom, #5B5B4C 0%, #4E4A27 50%, #42360B 100%);
}
</style>