#5D4B5E - #1A1B1A | 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 #5D4B5E to #1A1B1A

#5D4B5E #1A1B1A

Calculate the color between two colors, #5D4B5E and #1A1B1A. 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)

#5D4B5E - #1A1B1A | 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 #5D4B5E as 0% and #1A1B1A as 100%.

0.0%	0.0% #5D4B5E	RGB 93 75 94	#5D4B5E
16.7%	16.7% #514352	RGB 81 67 82	#514352
33.3%	33.3% #463B47	RGB 70 59 71	#463B47
50.0%	50.0% #3B333C	RGB 59 51 60	#3B333C
66.7%	66.7% #302B30	RGB 48 43 48	#302B30
83.3%	83.3% #252325	RGB 37 35 37	#252325
100.0%	100.0% #1A1B1A	RGB 26 27 26	#1A1B1A

#5D4B5E #514352 #463B47 #3B333C #302B30 #252325 #1A1B1A

#5D4B5E - #1A1B1A

HSV Blend

#5D4B5E - #1A1B1A | 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 #5D4B5E as 0% and #1A1B1A as 100%.

0.0%	0.0% #5D4B5E	RGB 93 75 94	#5D4B5E
16.7%	16.7% #4A4452	RGB 74 68 82	#4A4452
33.3%	33.3% #3D3D47	RGB 61 61 71	#3D3D47
50.0%	50.0% #35393C	RGB 53 57 60	#35393C
66.7%	66.7% #2C3131	RGB 44 49 49	#2C3131
83.3%	83.3% #232624	RGB 35 38 36	#232624
100.0%	100.0% #1A1B1A	RGB 26 27 26	#1A1B1A

#5D4B5E #4A4452 #3D3D47 #35393C #2C3131 #232624 #1A1B1A

#5D4B5E - #35393C - #1A1B1A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D4B5E 0%, #35393C 50%, #1A1B1A 100%);
    background: -webkit-linear-gradient(top, #5D4B5E 0%, #35393C 50%, #1A1B1A 100%);
    background: linear-gradient(to bottom, #5D4B5E 0%, #35393C 50%, #1A1B1A 100%);
}
</style>