#AB74DA - #540C92 | 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 #AB74DA to #540C92

#AB74DA #540C92

Calculate the color between two colors, #AB74DA and #540C92. 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)

#AB74DA - #540C92 | 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 #AB74DA as 0% and #540C92 as 100%.

0.0%	0.0% #AB74DA	RGB 171 116 218	#AB74DA
16.7%	16.7% #9C62CE	RGB 156 98 206	#9C62CE
33.3%	33.3% #8E51C2	RGB 142 81 194	#8E51C2
50.0%	50.0% #7F40B6	RGB 127 64 182	#7F40B6
66.7%	66.7% #712EAA	RGB 113 46 170	#712EAA
83.3%	83.3% #621D9E	RGB 98 29 158	#621D9E
100.0%	100.0% #540C92	RGB 84 12 146	#540C92

#AB74DA #9C62CE #8E51C2 #7F40B6 #712EAA #621D9E #540C92

#AB74DA - #540C92

HSV Blend

#AB74DA - #540C92 | 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 #AB74DA as 0% and #540C92 as 100%.

0.0%	0.0% #AB74DA	RGB 171 116 218	#AB74DA
16.7%	16.7% #9A5ECE	RGB 154 94 206	#9A5ECE
33.3%	33.3% #8A4AC2	RGB 138 74 194	#8A4AC2
50.0%	50.0% #7B37B6	RGB 123 55 182	#7B37B6
66.7%	66.7% #6D27AA	RGB 109 39 170	#6D27AA
83.3%	83.3% #60189E	RGB 96 24 158	#60189E
100.0%	100.0% #540C92	RGB 84 12 146	#540C92

#AB74DA #9A5ECE #8A4AC2 #7B37B6 #6D27AA #60189E #540C92

#AB74DA - #7B37B6 - #540C92

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AB74DA 0%, #7B37B6 50%, #540C92 100%);
    background: -webkit-linear-gradient(top, #AB74DA 0%, #7B37B6 50%, #540C92 100%);
    background: linear-gradient(to bottom, #AB74DA 0%, #7B37B6 50%, #540C92 100%);
}
</style>