#5A4B5E - #1D1819 | 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 #5A4B5E to #1D1819

#5A4B5E #1D1819

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

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

0.0%	0.0% #5A4B5E	RGB 90 75 94	#5A4B5E
16.7%	16.7% #4F4252	RGB 79 66 82	#4F4252
33.3%	33.3% #453A47	RGB 69 58 71	#453A47
50.0%	50.0% #3B313B	RGB 59 49 59	#3B313B
66.7%	66.7% #312930	RGB 49 41 48	#312930
83.3%	83.3% #272024	RGB 39 32 36	#272024
100.0%	100.0% #1D1819	RGB 29 24 25	#1D1819

#5A4B5E #4F4252 #453A47 #3B313B #312930 #272024 #1D1819

#5A4B5E - #1D1819

HSV Blend

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

0.0%	0.0% #5A4B5E	RGB 90 75 94	#5A4B5E
16.7%	16.7% #524253	RGB 82 66 83	#524253
33.3%	33.3% #483A46	RGB 72 58 70	#483A46
50.0%	50.0% #3D313A	RGB 61 49 58	#3D313A
66.7%	66.7% #32292E	RGB 50 41 46	#32292E
83.3%	83.3% #272023	RGB 39 32 35	#272023
100.0%	100.0% #1D1819	RGB 29 24 25	#1D1819

#5A4B5E #524253 #483A46 #3D313A #32292E #272023 #1D1819

#5A4B5E - #3D313A - #1D1819

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A4B5E 0%, #3D313A 50%, #1D1819 100%);
    background: -webkit-linear-gradient(top, #5A4B5E 0%, #3D313A 50%, #1D1819 100%);
    background: linear-gradient(to bottom, #5A4B5E 0%, #3D313A 50%, #1D1819 100%);
}
</style>