#A99EFF - #5B2ACC | 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 #A99EFF to #5B2ACC

#A99EFF #5B2ACC

Calculate the color between two colors, #A99EFF and #5B2ACC. 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)

#A99EFF - #5B2ACC | 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 #A99EFF as 0% and #5B2ACC as 100%.

0.0%	0.0% #A99EFF	RGB 169 158 255	#A99EFF
16.7%	16.7% #9C8AF6	RGB 156 138 246	#9C8AF6
33.3%	33.3% #8F77EE	RGB 143 119 238	#8F77EE
50.0%	50.0% #8264E5	RGB 130 100 229	#8264E5
66.7%	66.7% #7550DD	RGB 117 80 221	#7550DD
83.3%	83.3% #683DD4	RGB 104 61 212	#683DD4
100.0%	100.0% #5B2ACC	RGB 91 42 204	#5B2ACC

#A99EFF #9C8AF6 #8F77EE #8264E5 #7550DD #683DD4 #5B2ACC

#A99EFF - #5B2ACC

HSV Blend

#A99EFF - #5B2ACC | 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 #A99EFF as 0% and #5B2ACC as 100%.

0.0%	0.0% #A99EFF	RGB 169 158 255	#A99EFF
16.7%	16.7% #9787F6	RGB 151 135 246	#9787F6
33.3%	33.3% #8872EE	RGB 136 114 238	#8872EE
50.0%	50.0% #7A5EE5	RGB 122 94 229	#7A5EE5
66.7%	66.7% #6E4BDD	RGB 110 75 221	#6E4BDD
83.3%	83.3% #643AD4	RGB 100 58 212	#643AD4
100.0%	100.0% #5B2ACC	RGB 91 42 204	#5B2ACC

#A99EFF #9787F6 #8872EE #7A5EE5 #6E4BDD #643AD4 #5B2ACC

#A99EFF - #7A5EE5 - #5B2ACC

CSS codes

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

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