#5B5D5E - #1A251A | 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 #5B5D5E to #1A251A

#5B5D5E #1A251A

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

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

0.0%	0.0% #5B5D5E	RGB 91 93 94	#5B5D5E
16.7%	16.7% #505352	RGB 80 83 82	#505352
33.3%	33.3% #454A47	RGB 69 74 71	#454A47
50.0%	50.0% #3A413C	RGB 58 65 60	#3A413C
66.7%	66.7% #2F3730	RGB 47 55 48	#2F3730
83.3%	83.3% #242E25	RGB 36 46 37	#242E25
100.0%	100.0% #1A251A	RGB 26 37 26	#1A251A

#5B5D5E #505352 #454A47 #3A413C #2F3730 #242E25 #1A251A

#5B5D5E - #1A251A

HSV Blend

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

0.0%	0.0% #5B5D5E	RGB 91 93 94	#5B5D5E
16.7%	16.7% #4E5354	RGB 78 83 84	#4E5354
33.3%	33.3% #414B49	RGB 65 75 73	#414B49
50.0%	50.0% #36413D	RGB 54 65 61	#36413D
66.7%	66.7% #2C3831	RGB 44 56 49	#2C3831
83.3%	83.3% #222E25	RGB 34 46 37	#222E25
100.0%	100.0% #1A251A	RGB 26 37 26	#1A251A

#5B5D5E #4E5354 #414B49 #36413D #2C3831 #222E25 #1A251A

#5B5D5E - #36413D - #1A251A

CSS codes

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

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