#A464FF - #4A00C5 | 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 #A464FF to #4A00C5

#A464FF #4A00C5

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

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

0.0%	0.0% #A464FF	RGB 164 100 255	#A464FF
16.7%	16.7% #9553F5	RGB 149 83 245	#9553F5
33.3%	33.3% #8642EB	RGB 134 66 235	#8642EB
50.0%	50.0% #7732E2	RGB 119 50 226	#7732E2
66.7%	66.7% #6821D8	RGB 104 33 216	#6821D8
83.3%	83.3% #5910CE	RGB 89 16 206	#5910CE
100.0%	100.0% #4A00C5	RGB 74 0 197	#4A00C5

#A464FF #9553F5 #8642EB #7732E2 #6821D8 #5910CE #4A00C5

#A464FF - #4A00C5

HSV Blend

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

0.0%	0.0% #A464FF	RGB 164 100 255	#A464FF
16.7%	16.7% #9350F5	RGB 147 80 245	#9350F5
33.3%	33.3% #833DEB	RGB 131 61 235	#833DEB
50.0%	50.0% #732CE2	RGB 115 44 226	#732CE2
66.7%	66.7% #651CD8	RGB 101 28 216	#651CD8
83.3%	83.3% #570DCE	RGB 87 13 206	#570DCE
100.0%	100.0% #4A00C5	RGB 74 0 197	#4A00C5

#A464FF #9350F5 #833DEB #732CE2 #651CD8 #570DCE #4A00C5

#A464FF - #732CE2 - #4A00C5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A464FF 0%, #732CE2 50%, #4A00C5 100%);
    background: -webkit-linear-gradient(top, #A464FF 0%, #732CE2 50%, #4A00C5 100%);
    background: linear-gradient(to bottom, #A464FF 0%, #732CE2 50%, #4A00C5 100%);
}
</style>