#5E415C - #480A16 | 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 #5E415C to #480A16

#5E415C #480A16

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

#5E415C - #480A16 | 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 #5E415C as 0% and #480A16 as 100%.

0.0%	0.0% #5E415C	RGB 94 65 92	#5E415C
16.7%	16.7% #5A3750	RGB 90 55 80	#5A3750
33.3%	33.3% #562E44	RGB 86 46 68	#562E44
50.0%	50.0% #532539	RGB 83 37 57	#532539
66.7%	66.7% #4F1C2D	RGB 79 28 45	#4F1C2D
83.3%	83.3% #4B1321	RGB 75 19 33	#4B1321
100.0%	100.0% #480A16	RGB 72 10 22	#480A16

#5E415C #5A3750 #562E44 #532539 #4F1C2D #4B1321 #480A16

#5E415C - #480A16

HSV Blend

#5E415C - #480A16 | 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 #5E415C as 0% and #480A16 as 100%.

0.0%	0.0% #5E415C	RGB 94 65 92	#5E415C
16.7%	16.7% #5A3653	RGB 90 54 83	#5A3653
33.3%	33.3% #562B49	RGB 86 43 73	#562B49
50.0%	50.0% #53223D	RGB 83 34 61	#53223D
66.7%	66.7% #4F1931	RGB 79 25 49	#4F1931
83.3%	83.3% #4B1123	RGB 75 17 35	#4B1123
100.0%	100.0% #480A16	RGB 72 10 22	#480A16

#5E415C #5A3653 #562B49 #53223D #4F1931 #4B1123 #480A16

#5E415C - #53223D - #480A16

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E415C 0%, #53223D 50%, #480A16 100%);
    background: -webkit-linear-gradient(top, #5E415C 0%, #53223D 50%, #480A16 100%);
    background: linear-gradient(to bottom, #5E415C 0%, #53223D 50%, #480A16 100%);
}
</style>