#5E004E - #A8226F | 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 #5E004E to #A8226F

#5E004E #A8226F

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

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

0.0%	0.0% #5E004E	RGB 94 0 78	#5E004E
16.7%	16.7% #6A0553	RGB 106 5 83	#6A0553
33.3%	33.3% #760B59	RGB 118 11 89	#760B59
50.0%	50.0% #83115E	RGB 131 17 94	#83115E
66.7%	66.7% #8F1664	RGB 143 22 100	#8F1664
83.3%	83.3% #9B1C69	RGB 155 28 105	#9B1C69
100.0%	100.0% #A8226F	RGB 168 34 111	#A8226F

#5E004E #6A0553 #760B59 #83115E #8F1664 #9B1C69 #A8226F

#5E004E - #A8226F

HSV Blend

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

0.0%	0.0% #5E004D	RGB 94 0 77	#5E004D
16.7%	16.7% #6A0354	RGB 106 3 84	#6A0354
33.3%	33.3% #76085A	RGB 118 8 90	#76085A
50.0%	50.0% #830D5F	RGB 131 13 95	#830D5F
66.7%	66.7% #8F1365	RGB 143 19 101	#8F1365
83.3%	83.3% #9B1A6A	RGB 155 26 106	#9B1A6A
100.0%	100.0% #A8226F	RGB 168 34 111	#A8226F

#5E004D #6A0354 #76085A #830D5F #8F1365 #9B1A6A #A8226F

#5E004E - #830D5F - #A8226F

CSS codes

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

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