#5E125B - #1A0519 | 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 #5E125B to #1A0519

#5E125B #1A0519

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

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

0.0%	0.0% #5E125B	RGB 94 18 91	#5E125B
16.7%	16.7% #520F50	RGB 82 15 80	#520F50
33.3%	33.3% #470D45	RGB 71 13 69	#470D45
50.0%	50.0% #3C0B3A	RGB 60 11 58	#3C0B3A
66.7%	66.7% #30092F	RGB 48 9 47	#30092F
83.3%	83.3% #250724	RGB 37 7 36	#250724
100.0%	100.0% #1A0519	RGB 26 5 25	#1A0519

#5E125B #520F50 #470D45 #3C0B3A #30092F #250724 #1A0519

#5E125B - #1A0519

HSV Blend

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

0.0%	0.0% #5E115A	RGB 94 17 90	#5E115A
16.7%	16.7% #520F4F	RGB 82 15 79	#520F4F
33.3%	33.3% #470D44	RGB 71 13 68	#470D44
50.0%	50.0% #3C0B39	RGB 60 11 57	#3C0B39
66.7%	66.7% #30092E	RGB 48 9 46	#30092E
83.3%	83.3% #250723	RGB 37 7 35	#250723
100.0%	100.0% #1A0519	RGB 26 5 25	#1A0519

#5E115A #520F4F #470D44 #3C0B39 #30092E #250723 #1A0519

#5E125B - #3C0B39 - #1A0519

CSS codes

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

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