#5E133B - #AD41B7 | 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 #5E133B to #AD41B7

#5E133B #AD41B7

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

#5E133B - #AD41B7 | 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 #5E133B as 0% and #AD41B7 as 100%.

0.0%	0.0% #5E133B	RGB 94 19 59	#5E133B
16.7%	16.7% #6B1A4F	RGB 107 26 79	#6B1A4F
33.3%	33.3% #782264	RGB 120 34 100	#782264
50.0%	50.0% #852A79	RGB 133 42 121	#852A79
66.7%	66.7% #92318D	RGB 146 49 141	#92318D
83.3%	83.3% #9F39A2	RGB 159 57 162	#9F39A2
100.0%	100.0% #AD41B7	RGB 173 65 183	#AD41B7

#5E133B #6B1A4F #782264 #852A79 #92318D #9F39A2 #AD41B7

#5E133B - #AD41B7

HSV Blend

#5E133B - #AD41B7 | 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 #5E133B as 0% and #AD41B7 as 100%.

0.0%	0.0% #5E123A	RGB 94 18 58	#5E123A
16.7%	16.7% #6C184D	RGB 108 24 77	#6C184D
33.3%	33.3% #7B1F61	RGB 123 31 97	#7B1F61
50.0%	50.0% #8A2677	RGB 138 38 119	#8A2677
66.7%	66.7% #992E8E	RGB 153 46 142	#992E8E
83.3%	83.3% #A837A7	RGB 168 55 167	#A837A7
100.0%	100.0% #AD41B7	RGB 173 65 183	#AD41B7

#5E123A #6C184D #7B1F61 #8A2677 #992E8E #A837A7 #AD41B7

#5E133B - #8A2677 - #AD41B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E123A 0%, #8A2677 50%, #AD41B7 100%);
    background: -webkit-linear-gradient(top, #5E123A 0%, #8A2677 50%, #AD41B7 100%);
    background: linear-gradient(to bottom, #5E123A 0%, #8A2677 50%, #AD41B7 100%);
}
</style>