#5B5B5E - #17172F | 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 #17172F

#5B5B5E #17172F

Calculate the color between two colors, #5B5B5E and #17172F. 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 - #17172F | 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 #17172F as 100%.

0.0%	0.0% #5B5B5E	RGB 91 91 94	#5B5B5E
16.7%	16.7% #4F4F56	RGB 79 79 86	#4F4F56
33.3%	33.3% #44444E	RGB 68 68 78	#44444E
50.0%	50.0% #393946	RGB 57 57 70	#393946
66.7%	66.7% #2D2D3E	RGB 45 45 62	#2D2D3E
83.3%	83.3% #222236	RGB 34 34 54	#222236
100.0%	100.0% #17172F	RGB 23 23 47	#17172F

#5B5B5E #4F4F56 #44444E #393946 #2D2D3E #222236 #17172F

#5B5B5E - #17172F

HSV Blend

#5B5B5E - #17172F | 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 #17172F as 100%.

0.0%	0.0% #5B5B5E	RGB 91 91 94	#5B5B5E
16.7%	16.7% #4C4C56	RGB 76 76 86	#4C4C56
33.3%	33.3% #3F3F4E	RGB 63 63 78	#3F3F4E
50.0%	50.0% #333346	RGB 51 51 70	#333346
66.7%	66.7% #28283E	RGB 40 40 62	#28283E
83.3%	83.3% #1F1F36	RGB 31 31 54	#1F1F36
100.0%	100.0% #17172F	RGB 23 23 47	#17172F

#5B5B5E #4C4C56 #3F3F4E #333346 #28283E #1F1F36 #17172F

#5B5B5E - #333346 - #17172F

CSS codes

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

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