#5E2D5A - #420313 | 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 #5E2D5A to #420313

#5E2D5A #420313

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

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

0.0%	0.0% #5E2D5A	RGB 94 45 90	#5E2D5A
16.7%	16.7% #59264E	RGB 89 38 78	#59264E
33.3%	33.3% #541F42	RGB 84 31 66	#541F42
50.0%	50.0% #501836	RGB 80 24 54	#501836
66.7%	66.7% #4B102A	RGB 75 16 42	#4B102A
83.3%	83.3% #460A1E	RGB 70 10 30	#460A1E
100.0%	100.0% #420313	RGB 66 3 19	#420313

#5E2D5A #59264E #541F42 #501836 #4B102A #460A1E #420313

#5E2D5A - #420313

HSV Blend

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

0.0%	0.0% #5E2D59	RGB 94 45 89	#5E2D59
16.7%	16.7% #59244F	RGB 89 36 79	#59244F
33.3%	33.3% #541C43	RGB 84 28 67	#541C43
50.0%	50.0% #501437	RGB 80 20 55	#501437
66.7%	66.7% #4B0E2B	RGB 75 14 43	#4B0E2B
83.3%	83.3% #46081F	RGB 70 8 31	#46081F
100.0%	100.0% #420313	RGB 66 3 19	#420313

#5E2D59 #59244F #541C43 #501437 #4B0E2B #46081F #420313

#5E2D5A - #501437 - #420313

CSS codes

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

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