#525B5E - #17191A | 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 #525B5E to #17191A

#525B5E #17191A

Calculate the color between two colors, #525B5E and #17191A. 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)

#525B5E - #17191A | 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 #525B5E as 0% and #17191A as 100%.

0.0%	0.0% #525B5E	RGB 82 91 94	#525B5E
16.7%	16.7% #485052	RGB 72 80 82	#485052
33.3%	33.3% #3E4547	RGB 62 69 71	#3E4547
50.0%	50.0% #343A3C	RGB 52 58 60	#343A3C
66.7%	66.7% #2A2F30	RGB 42 47 48	#2A2F30
83.3%	83.3% #202425	RGB 32 36 37	#202425
100.0%	100.0% #17191A	RGB 23 25 26	#17191A

#525B5E #485052 #3E4547 #343A3C #2A2F30 #202425 #17191A

#525B5E - #17191A

HSV Blend

#525B5E - #17191A | 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 #525B5E as 0% and #17191A as 100%.

0.0%	0.0% #525B5E	RGB 82 91 94	#525B5E
16.7%	16.7% #484F52	RGB 72 79 82	#484F52
33.3%	33.3% #3E4447	RGB 62 68 71	#3E4447
50.0%	50.0% #34393C	RGB 52 57 60	#34393C
66.7%	66.7% #2A2E30	RGB 42 46 48	#2A2E30
83.3%	83.3% #202325	RGB 32 35 37	#202325
100.0%	100.0% #17191A	RGB 23 25 26	#17191A

#525B5E #484F52 #3E4447 #34393C #2A2E30 #202325 #17191A

#525B5E - #34393C - #17191A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #525B5E 0%, #34393C 50%, #17191A 100%);
    background: -webkit-linear-gradient(top, #525B5E 0%, #34393C 50%, #17191A 100%);
    background: linear-gradient(to bottom, #525B5E 0%, #34393C 50%, #17191A 100%);
}
</style>