#AC77DA - #560F92 | 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 #AC77DA to #560F92

#AC77DA #560F92

Calculate the color between two colors, #AC77DA and #560F92. 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)

#AC77DA - #560F92 | 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 #AC77DA as 0% and #560F92 as 100%.

0.0%	0.0% #AC77DA	RGB 172 119 218	#AC77DA
16.7%	16.7% #9D65CE	RGB 157 101 206	#9D65CE
33.3%	33.3% #8F54C2	RGB 143 84 194	#8F54C2
50.0%	50.0% #8143B6	RGB 129 67 182	#8143B6
66.7%	66.7% #7231AA	RGB 114 49 170	#7231AA
83.3%	83.3% #64209E	RGB 100 32 158	#64209E
100.0%	100.0% #560F92	RGB 86 15 146	#560F92

#AC77DA #9D65CE #8F54C2 #8143B6 #7231AA #64209E #560F92

#AC77DA - #560F92

HSV Blend

#AC77DA - #560F92 | 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 #AC77DA as 0% and #560F92 as 100%.

0.0%	0.0% #AB77DA	RGB 171 119 218	#AB77DA
16.7%	16.7% #9B61CE	RGB 155 97 206	#9B61CE
33.3%	33.3% #8C4DC2	RGB 140 77 194	#8C4DC2
50.0%	50.0% #7D3BB6	RGB 125 59 182	#7D3BB6
66.7%	66.7% #6F2AAA	RGB 111 42 170	#6F2AAA
83.3%	83.3% #621B9E	RGB 98 27 158	#621B9E
100.0%	100.0% #560F92	RGB 86 15 146	#560F92

#AB77DA #9B61CE #8C4DC2 #7D3BB6 #6F2AAA #621B9E #560F92

#AC77DA - #7D3BB6 - #560F92

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AB77DA 0%, #7D3BB6 50%, #560F92 100%);
    background: -webkit-linear-gradient(top, #AB77DA 0%, #7D3BB6 50%, #560F92 100%);
    background: linear-gradient(to bottom, #AB77DA 0%, #7D3BB6 50%, #560F92 100%);
}
</style>