#5E185D - #1A061A | 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 #5E185D to #1A061A

#5E185D #1A061A

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

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

0.0%	0.0% #5E185D	RGB 94 24 93	#5E185D
16.7%	16.7% #521551	RGB 82 21 81	#521551
33.3%	33.3% #471246	RGB 71 18 70	#471246
50.0%	50.0% #3C0F3B	RGB 60 15 59	#3C0F3B
66.7%	66.7% #300C30	RGB 48 12 48	#300C30
83.3%	83.3% #250925	RGB 37 9 37	#250925
100.0%	100.0% #1A061A	RGB 26 6 26	#1A061A

#5E185D #521551 #471246 #3C0F3B #300C30 #250925 #1A061A

#5E185D - #1A061A

HSV Blend

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

0.0%	0.0% #5E185D	RGB 94 24 93	#5E185D
16.7%	16.7% #521451	RGB 82 20 81	#521451
33.3%	33.3% #471146	RGB 71 17 70	#471146
50.0%	50.0% #3C0E3B	RGB 60 14 59	#3C0E3B
66.7%	66.7% #300B30	RGB 48 11 48	#300B30
83.3%	83.3% #250825	RGB 37 8 37	#250825
100.0%	100.0% #1A061A	RGB 26 6 26	#1A061A

#5E185D #521451 #471146 #3C0E3B #300B30 #250825 #1A061A

#5E185D - #3C0E3B - #1A061A

CSS codes

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

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