#4D0F5E - #AF1CAC | 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 #4D0F5E to #AF1CAC

#4D0F5E #AF1CAC

Calculate the color between two colors, #4D0F5E and #AF1CAC. 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)

#4D0F5E - #AF1CAC | 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 #4D0F5E as 0% and #AF1CAC as 100%.

0.0%	0.0% #4D0F5E	RGB 77 15 94	#4D0F5E
16.7%	16.7% #5D116B	RGB 93 17 107	#5D116B
33.3%	33.3% #6D1378	RGB 109 19 120	#6D1378
50.0%	50.0% #7E1585	RGB 126 21 133	#7E1585
66.7%	66.7% #8E1792	RGB 142 23 146	#8E1792
83.3%	83.3% #9E199F	RGB 158 25 159	#9E199F
100.0%	100.0% #AF1CAC	RGB 175 28 172	#AF1CAC

#4D0F5E #5D116B #6D1378 #7E1585 #8E1792 #9E199F #AF1CAC

#4D0F5E - #AF1CAC

HSV Blend

#4D0F5E - #AF1CAC | 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 #4D0F5E as 0% and #AF1CAC as 100%.

0.0%	0.0% #4D0E5E	RGB 77 14 94	#4D0E5E
16.7%	16.7% #5B116B	RGB 91 17 107	#5B116B
33.3%	33.3% #6B1379	RGB 107 19 121	#6B1379
50.0%	50.0% #7B1586	RGB 123 21 134	#7B1586
66.7%	66.7% #8C1794	RGB 140 23 148	#8C1794
83.3%	83.3% #9E19A1	RGB 158 25 161	#9E19A1
100.0%	100.0% #AF1CAC	RGB 175 28 172	#AF1CAC

#4D0E5E #5B116B #6B1379 #7B1586 #8C1794 #9E19A1 #AF1CAC

#4D0F5E - #7B1586 - #AF1CAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D0E5E 0%, #7B1586 50%, #AF1CAC 100%);
    background: -webkit-linear-gradient(top, #4D0E5E 0%, #7B1586 50%, #AF1CAC 100%);
    background: linear-gradient(to bottom, #4D0E5E 0%, #7B1586 50%, #AF1CAC 100%);
}
</style>