#5B5B5E - #132A20 | 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 #5B5B5E to #132A20

#5B5B5E #132A20

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

#5B5B5E - #132A20 | 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 #5B5B5E as 0% and #132A20 as 100%.

0.0%	0.0% #5B5B5E	RGB 91 91 94	#5B5B5E
16.7%	16.7% #4F5253	RGB 79 82 83	#4F5253
33.3%	33.3% #434A49	RGB 67 74 73	#434A49
50.0%	50.0% #37423F	RGB 55 66 63	#37423F
66.7%	66.7% #2B3A34	RGB 43 58 52	#2B3A34
83.3%	83.3% #1F322A	RGB 31 50 42	#1F322A
100.0%	100.0% #132A20	RGB 19 42 32	#132A20

#5B5B5E #4F5253 #434A49 #37423F #2B3A34 #1F322A #132A20

#5B5B5E - #132A20

HSV Blend

#5B5B5E - #132A20 | 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 #5B5B5E as 0% and #132A20 as 100%.

0.0%	0.0% #5B5B5E	RGB 91 91 94	#5B5B5E
16.7%	16.7% #4B4D55	RGB 75 77 85	#4B4D55
33.3%	33.3% #3D444C	RGB 61 68 76	#3D444C
50.0%	50.0% #303E44	RGB 48 62 68	#303E44
66.7%	66.7% #253A3B	RGB 37 58 59	#253A3B
83.3%	83.3% #1B322E	RGB 27 50 46	#1B322E
100.0%	100.0% #132A20	RGB 19 42 32	#132A20

#5B5B5E #4B4D55 #3D444C #303E44 #253A3B #1B322E #132A20

#5B5B5E - #303E44 - #132A20

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5B5E 0%, #303E44 50%, #132A20 100%);
    background: -webkit-linear-gradient(top, #5B5B5E 0%, #303E44 50%, #132A20 100%);
    background: linear-gradient(to bottom, #5B5B5E 0%, #303E44 50%, #132A20 100%);
}
</style>