#5F5E5E - #2B1526 | 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 #5F5E5E to #2B1526

#5F5E5E #2B1526

Calculate the color between two colors, #5F5E5E and #2B1526. 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)

#5F5E5E - #2B1526 | 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 #5F5E5E as 0% and #2B1526 as 100%.

0.0%	0.0% #5F5E5E	RGB 95 94 94	#5F5E5E
16.7%	16.7% #565154	RGB 86 81 84	#565154
33.3%	33.3% #4D454B	RGB 77 69 75	#4D454B
50.0%	50.0% #453942	RGB 69 57 66	#453942
66.7%	66.7% #3C2D38	RGB 60 45 56	#3C2D38
83.3%	83.3% #33212F	RGB 51 33 47	#33212F
100.0%	100.0% #2B1526	RGB 43 21 38	#2B1526

#5F5E5E #565154 #4D454B #453942 #3C2D38 #33212F #2B1526

#5F5E5E - #2B1526

HSV Blend

#5F5E5E - #2B1526 | 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 #5F5E5E as 0% and #2B1526 as 100%.

0.0%	0.0% #5F5E5E	RGB 95 94 94	#5F5E5E
16.7%	16.7% #564E4F	RGB 86 78 79	#564E4F
33.3%	33.3% #4D3F43	RGB 77 63 67	#4D3F43
50.0%	50.0% #453239	RGB 69 50 57	#453239
66.7%	66.7% #3C2732	RGB 60 39 50	#3C2732
83.3%	83.3% #331D2B	RGB 51 29 43	#331D2B
100.0%	100.0% #2B1526	RGB 43 21 38	#2B1526

#5F5E5E #564E4F #4D3F43 #453239 #3C2732 #331D2B #2B1526

#5F5E5E - #453239 - #2B1526

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5F5E5E 0%, #453239 50%, #2B1526 100%);
    background: -webkit-linear-gradient(top, #5F5E5E 0%, #453239 50%, #2B1526 100%);
    background: linear-gradient(to bottom, #5F5E5E 0%, #453239 50%, #2B1526 100%);
}
</style>