#AD1ED9 - #7B00AB | 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 #AD1ED9 to #7B00AB

#AD1ED9 #7B00AB

Calculate the color between two colors, #AD1ED9 and #7B00AB. 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)

#AD1ED9 - #7B00AB | 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 #AD1ED9 as 0% and #7B00AB as 100%.

0.0%	0.0% #AD1ED9	RGB 173 30 217	#AD1ED9
16.7%	16.7% #A419D1	RGB 164 25 209	#A419D1
33.3%	33.3% #9C14C9	RGB 156 20 201	#9C14C9
50.0%	50.0% #940FC2	RGB 148 15 194	#940FC2
66.7%	66.7% #8B0ABA	RGB 139 10 186	#8B0ABA
83.3%	83.3% #8305B2	RGB 131 5 178	#8305B2
100.0%	100.0% #7B00AB	RGB 123 0 171	#7B00AB

#AD1ED9 #A419D1 #9C14C9 #940FC2 #8B0ABA #8305B2 #7B00AB

#AD1ED9 - #7B00AB

HSV Blend

#AD1ED9 - #7B00AB | 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 #AD1ED9 as 0% and #7B00AB as 100%.

0.0%	0.0% #AC1ED9	RGB 172 30 217	#AC1ED9
16.7%	16.7% #A418D1	RGB 164 24 209	#A418D1
33.3%	33.3% #9B12C9	RGB 155 18 201	#9B12C9
50.0%	50.0% #930DC2	RGB 147 13 194	#930DC2
66.7%	66.7% #8B08BA	RGB 139 8 186	#8B08BA
83.3%	83.3% #8204B2	RGB 130 4 178	#8204B2
100.0%	100.0% #7B00AB	RGB 123 0 171	#7B00AB

#AC1ED9 #A418D1 #9B12C9 #930DC2 #8B08BA #8204B2 #7B00AB

#AD1ED9 - #930DC2 - #7B00AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC1ED9 0%, #930DC2 50%, #7B00AB 100%);
    background: -webkit-linear-gradient(top, #AC1ED9 0%, #930DC2 50%, #7B00AB 100%);
    background: linear-gradient(to bottom, #AC1ED9 0%, #930DC2 50%, #7B00AB 100%);
}
</style>