#5E245D - #410013 | 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 #5E245D to #410013

#5E245D #410013

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

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

0.0%	0.0% #5E245D	RGB 94 36 93	#5E245D
16.7%	16.7% #591E50	RGB 89 30 80	#591E50
33.3%	33.3% #541844	RGB 84 24 68	#541844
50.0%	50.0% #4F1238	RGB 79 18 56	#4F1238
66.7%	66.7% #4A0C2B	RGB 74 12 43	#4A0C2B
83.3%	83.3% #45061F	RGB 69 6 31	#45061F
100.0%	100.0% #410013	RGB 65 0 19	#410013

#5E245D #591E50 #541844 #4F1238 #4A0C2B #45061F #410013

#5E245D - #410013

HSV Blend

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

0.0%	0.0% #5E245C	RGB 94 36 92	#5E245C
16.7%	16.7% #591C51	RGB 89 28 81	#591C51
33.3%	33.3% #541544	RGB 84 21 68	#541544
50.0%	50.0% #4F0F38	RGB 79 15 56	#4F0F38
66.7%	66.7% #4A092B	RGB 74 9 43	#4A092B
83.3%	83.3% #45041F	RGB 69 4 31	#45041F
100.0%	100.0% #410013	RGB 65 0 19	#410013

#5E245C #591C51 #541544 #4F0F38 #4A092B #45041F #410013

#5E245D - #4F0F38 - #410013

CSS codes

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

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