#5B5C5E - #1A2520 | 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 #5B5C5E to #1A2520

#5B5C5E #1A2520

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

#5B5C5E - #1A2520 | 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 #5B5C5E as 0% and #1A2520 as 100%.

0.0%	0.0% #5B5C5E	RGB 91 92 94	#5B5C5E
16.7%	16.7% #505253	RGB 80 82 83	#505253
33.3%	33.3% #454949	RGB 69 73 73	#454949
50.0%	50.0% #3A403F	RGB 58 64 63	#3A403F
66.7%	66.7% #2F3734	RGB 47 55 52	#2F3734
83.3%	83.3% #242E2A	RGB 36 46 42	#242E2A
100.0%	100.0% #1A2520	RGB 26 37 32	#1A2520

#5B5C5E #505253 #454949 #3A403F #2F3734 #242E2A #1A2520

#5B5C5E - #1A2520

HSV Blend

#5B5C5E - #1A2520 | 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 #5B5C5E as 0% and #1A2520 as 100%.

0.0%	0.0% #5B5C5E	RGB 91 92 94	#5B5C5E
16.7%	16.7% #4E5154	RGB 78 81 84	#4E5154
33.3%	33.3% #41484B	RGB 65 72 75	#41484B
50.0%	50.0% #364041	RGB 54 64 65	#364041
66.7%	66.7% #2C3837	RGB 44 56 55	#2C3837
83.3%	83.3% #222E2B	RGB 34 46 43	#222E2B
100.0%	100.0% #1A2520	RGB 26 37 32	#1A2520

#5B5C5E #4E5154 #41484B #364041 #2C3837 #222E2B #1A2520

#5B5C5E - #364041 - #1A2520

CSS codes

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

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