#5E004E - #AF3A7A | 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 #AF3A7A

#5E004E #AF3A7A

Calculate the color between two colors, #5E004E and #AF3A7A. 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 - #AF3A7A | 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 #AF3A7A as 100%.

0.0%	0.0% #5E004E	RGB 94 0 78	#5E004E
16.7%	16.7% #6B0955	RGB 107 9 85	#6B0955
33.3%	33.3% #79135C	RGB 121 19 92	#79135C
50.0%	50.0% #861D64	RGB 134 29 100	#861D64
66.7%	66.7% #94266B	RGB 148 38 107	#94266B
83.3%	83.3% #A13072	RGB 161 48 114	#A13072
100.0%	100.0% #AF3A7A	RGB 175 58 122	#AF3A7A

#5E004E #6B0955 #79135C #861D64 #94266B #A13072 #AF3A7A

#5E004E - #AF3A7A

HSV Blend

#5E004E - #AF3A7A | 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 #AF3A7A as 100%.

0.0%	0.0% #5E004D	RGB 94 0 77	#5E004D
16.7%	16.7% #6B0555	RGB 107 5 85	#6B0555
33.3%	33.3% #790D5C	RGB 121 13 92	#790D5C
50.0%	50.0% #861663	RGB 134 22 99	#861663
66.7%	66.7% #94206A	RGB 148 32 106	#94206A
83.3%	83.3% #A12C72	RGB 161 44 114	#A12C72
100.0%	100.0% #AF3A7A	RGB 175 58 122	#AF3A7A

#5E004D #6B0555 #790D5C #861663 #94206A #A12C72 #AF3A7A

#5E004E - #861663 - #AF3A7A

CSS codes

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

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