#5B5E5B - #172F2F | 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 #5B5E5B to #172F2F

#5B5E5B #172F2F

Calculate the color between two colors, #5B5E5B and #172F2F. 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)

#5B5E5B - #172F2F | 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 #5B5E5B as 0% and #172F2F as 100%.

0.0%	0.0% #5B5E5B	RGB 91 94 91	#5B5E5B
16.7%	16.7% #4F5653	RGB 79 86 83	#4F5653
33.3%	33.3% #444E4C	RGB 68 78 76	#444E4C
50.0%	50.0% #394645	RGB 57 70 69	#394645
66.7%	66.7% #2D3E3D	RGB 45 62 61	#2D3E3D
83.3%	83.3% #223636	RGB 34 54 54	#223636
100.0%	100.0% #172F2F	RGB 23 47 47	#172F2F

#5B5E5B #4F5653 #444E4C #394645 #2D3E3D #223636 #172F2F

#5B5E5B - #172F2F

HSV Blend

#5B5E5B - #172F2F | 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 #5B5E5B as 0% and #172F2F as 100%.

0.0%	0.0% #5B5E5B	RGB 91 94 91	#5B5E5B
16.7%	16.7% #4C564E	RGB 76 86 78	#4C564E
33.3%	33.3% #3F4E44	RGB 63 78 68	#3F4E44
50.0%	50.0% #33463C	RGB 51 70 60	#33463C
66.7%	66.7% #283E37	RGB 40 62 55	#283E37
83.3%	83.3% #1F3632	RGB 31 54 50	#1F3632
100.0%	100.0% #172F2F	RGB 23 47 47	#172F2F

#5B5E5B #4C564E #3F4E44 #33463C #283E37 #1F3632 #172F2F

#5B5E5B - #33463C - #172F2F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5E5B 0%, #33463C 50%, #172F2F 100%);
    background: -webkit-linear-gradient(top, #5B5E5B 0%, #33463C 50%, #172F2F 100%);
    background: linear-gradient(to bottom, #5B5E5B 0%, #33463C 50%, #172F2F 100%);
}
</style>