#5E005A - #A00F84 | 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 #5E005A to #A00F84

#5E005A #A00F84

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

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

0.0%	0.0% #5E005A	RGB 94 0 90	#5E005A
16.7%	16.7% #690261	RGB 105 2 97	#690261
33.3%	33.3% #740568	RGB 116 5 104	#740568
50.0%	50.0% #7F076F	RGB 127 7 111	#7F076F
66.7%	66.7% #8A0A76	RGB 138 10 118	#8A0A76
83.3%	83.3% #950C7D	RGB 149 12 125	#950C7D
100.0%	100.0% #A00F84	RGB 160 15 132	#A00F84

#5E005A #690261 #740568 #7F076F #8A0A76 #950C7D #A00F84

#5E005A - #A00F84

HSV Blend

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

0.0%	0.0% #5E0059	RGB 94 0 89	#5E0059
16.7%	16.7% #690162	RGB 105 1 98	#690162
33.3%	33.3% #740369	RGB 116 3 105	#740369
50.0%	50.0% #7F0570	RGB 127 5 112	#7F0570
66.7%	66.7% #8A0877	RGB 138 8 119	#8A0877
83.3%	83.3% #950B7D	RGB 149 11 125	#950B7D
100.0%	100.0% #A00F84	RGB 160 15 132	#A00F84

#5E0059 #690162 #740369 #7F0570 #8A0877 #950B7D #A00F84

#5E005A - #7F0570 - #A00F84

CSS codes

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

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