#5B5E62 - #1D2522 | 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 #5B5E62 to #1D2522

#5B5E62 #1D2522

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

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

0.0%	0.0% #5B5E62	RGB 91 94 98	#5B5E62
16.7%	16.7% #505457	RGB 80 84 87	#505457
33.3%	33.3% #464B4C	RGB 70 75 76	#464B4C
50.0%	50.0% #3C4142	RGB 60 65 66	#3C4142
66.7%	66.7% #313837	RGB 49 56 55	#313837
83.3%	83.3% #272E2C	RGB 39 46 44	#272E2C
100.0%	100.0% #1D2522	RGB 29 37 34	#1D2522

#5B5E62 #505457 #464B4C #3C4142 #313837 #272E2C #1D2522

#5B5E62 - #1D2522

HSV Blend

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

0.0%	0.0% #5B5E62	RGB 91 94 98	#5B5E62
16.7%	16.7% #4F5457	RGB 79 84 87	#4F5457
33.3%	33.3% #444B4D	RGB 68 75 77	#444B4D
50.0%	50.0% #394243	RGB 57 66 67	#394243
66.7%	66.7% #2F3938	RGB 47 57 56	#2F3938
83.3%	83.3% #262F2D	RGB 38 47 45	#262F2D
100.0%	100.0% #1D2522	RGB 29 37 34	#1D2522

#5B5E62 #4F5457 #444B4D #394243 #2F3938 #262F2D #1D2522

#5B5E62 - #394243 - #1D2522

CSS codes

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

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