#5E1B5D - #3E0013 | 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 #5E1B5D to #3E0013

#5E1B5D #3E0013

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

#5E1B5D - #3E0013 | 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 #5E1B5D as 0% and #3E0013 as 100%.

0.0%	0.0% #5E1B5D	RGB 94 27 93	#5E1B5D
16.7%	16.7% #581650	RGB 88 22 80	#581650
33.3%	33.3% #531244	RGB 83 18 68	#531244
50.0%	50.0% #4E0D38	RGB 78 13 56	#4E0D38
66.7%	66.7% #48092B	RGB 72 9 43	#48092B
83.3%	83.3% #43041F	RGB 67 4 31	#43041F
100.0%	100.0% #3E0013	RGB 62 0 19	#3E0013

#5E1B5D #581650 #531244 #4E0D38 #48092B #43041F #3E0013

#5E1B5D - #3E0013

HSV Blend

#5E1B5D - #3E0013 | 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 #5E1B5D as 0% and #3E0013 as 100%.

0.0%	0.0% #5E1B5C	RGB 94 27 92	#5E1B5C
16.7%	16.7% #581550	RGB 88 21 80	#581550
33.3%	33.3% #530F43	RGB 83 15 67	#530F43
50.0%	50.0% #4E0B36	RGB 78 11 54	#4E0B36
66.7%	66.7% #480629	RGB 72 6 41	#480629
83.3%	83.3% #43031E	RGB 67 3 30	#43031E
100.0%	100.0% #3E0013	RGB 62 0 19	#3E0013

#5E1B5C #581550 #530F43 #4E0B36 #480629 #43031E #3E0013

#5E1B5D - #4E0B36 - #3E0013

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1B5C 0%, #4E0B36 50%, #3E0013 100%);
    background: -webkit-linear-gradient(top, #5E1B5C 0%, #4E0B36 50%, #3E0013 100%);
    background: linear-gradient(to bottom, #5E1B5C 0%, #4E0B36 50%, #3E0013 100%);
}
</style>