#5F5E5E - #15152B | 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 #15152B

#5F5E5E #15152B

Calculate the color between two colors, #5F5E5E and #15152B. 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 - #15152B | 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 #15152B as 100%.

0.0%	0.0% #5F5E5E	RGB 95 94 94	#5F5E5E
16.7%	16.7% #525155	RGB 82 81 85	#525155
33.3%	33.3% #46454D	RGB 70 69 77	#46454D
50.0%	50.0% #3A3944	RGB 58 57 68	#3A3944
66.7%	66.7% #2D2D3C	RGB 45 45 60	#2D2D3C
83.3%	83.3% #212133	RGB 33 33 51	#212133
100.0%	100.0% #15152B	RGB 21 21 43	#15152B

#5F5E5E #525155 #46454D #3A3944 #2D2D3C #212133 #15152B

#5F5E5E - #15152B

HSV Blend

#5F5E5E - #15152B | 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 #15152B as 100%.

0.0%	0.0% #5F5E5E	RGB 95 94 94	#5F5E5E
16.7%	16.7% #564E50	RGB 86 78 80	#564E50
33.3%	33.3% #4D3F49	RGB 77 63 73	#4D3F49
50.0%	50.0% #453244	RGB 69 50 68	#453244
66.7%	66.7% #35273C	RGB 53 39 60	#35273C
83.3%	83.3% #241D33	RGB 36 29 51	#241D33
100.0%	100.0% #15152B	RGB 21 21 43	#15152B

#5F5E5E #564E50 #4D3F49 #453244 #35273C #241D33 #15152B

#5F5E5E - #453244 - #15152B

CSS codes

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

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