#5D3C7E - #160451 | 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 #5D3C7E to #160451

#5D3C7E #160451

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

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

0.0%	0.0% #5D3C7E	RGB 93 60 126	#5D3C7E
16.7%	16.7% #513276	RGB 81 50 118	#513276
33.3%	33.3% #45296F	RGB 69 41 111	#45296F
50.0%	50.0% #392067	RGB 57 32 103	#392067
66.7%	66.7% #2D1660	RGB 45 22 96	#2D1660
83.3%	83.3% #210D58	RGB 33 13 88	#210D58
100.0%	100.0% #160451	RGB 22 4 81	#160451

#5D3C7E #513276 #45296F #392067 #2D1660 #210D58 #160451

#5D3C7E - #160451

HSV Blend

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

0.0%	0.0% #5D3C7E	RGB 93 60 126	#5D3C7E
16.7%	16.7% #502F76	RGB 80 47 118	#502F76
33.3%	33.3% #43256F	RGB 67 37 111	#43256F
50.0%	50.0% #371B67	RGB 55 27 103	#371B67
66.7%	66.7% #2B1260	RGB 43 18 96	#2B1260
83.3%	83.3% #200A58	RGB 32 10 88	#200A58
100.0%	100.0% #160451	RGB 22 4 81	#160451

#5D3C7E #502F76 #43256F #371B67 #2B1260 #200A58 #160451

#5D3C7E - #371B67 - #160451

CSS codes

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

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