#5A3E5E - #18111A | 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 #5A3E5E to #18111A

#5A3E5E #18111A

Calculate the color between two colors, #5A3E5E and #18111A. 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)

#5A3E5E - #18111A | 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 #5A3E5E as 0% and #18111A as 100%.

0.0%	0.0% #5A3E5E	RGB 90 62 94	#5A3E5E
16.7%	16.7% #4F3652	RGB 79 54 82	#4F3652
33.3%	33.3% #442F47	RGB 68 47 71	#442F47
50.0%	50.0% #39273C	RGB 57 39 60	#39273C
66.7%	66.7% #2E2030	RGB 46 32 48	#2E2030
83.3%	83.3% #231825	RGB 35 24 37	#231825
100.0%	100.0% #18111A	RGB 24 17 26	#18111A

#5A3E5E #4F3652 #442F47 #39273C #2E2030 #231825 #18111A

#5A3E5E - #18111A

HSV Blend

#5A3E5E - #18111A | 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 #5A3E5E as 0% and #18111A as 100%.

0.0%	0.0% #5A3E5E	RGB 90 62 94	#5A3E5E
16.7%	16.7% #4E3652	RGB 78 54 82	#4E3652
33.3%	33.3% #432E47	RGB 67 46 71	#432E47
50.0%	50.0% #38273C	RGB 56 39 60	#38273C
66.7%	66.7% #2D1F30	RGB 45 31 48	#2D1F30
83.3%	83.3% #221825	RGB 34 24 37	#221825
100.0%	100.0% #18111A	RGB 24 17 26	#18111A

#5A3E5E #4E3652 #432E47 #38273C #2D1F30 #221825 #18111A

#5A3E5E - #38273C - #18111A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A3E5E 0%, #38273C 50%, #18111A 100%);
    background: -webkit-linear-gradient(top, #5A3E5E 0%, #38273C 50%, #18111A 100%);
    background: linear-gradient(to bottom, #5A3E5E 0%, #38273C 50%, #18111A 100%);
}
</style>