#9464DA - #501EB5 | 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 #9464DA to #501EB5

#9464DA #501EB5

Calculate the color between two colors, #9464DA and #501EB5. 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)

#9464DA - #501EB5 | 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 #9464DA as 0% and #501EB5 as 100%.

0.0%	0.0% #9464DA	RGB 148 100 218	#9464DA
16.7%	16.7% #8858D3	RGB 136 88 211	#8858D3
33.3%	33.3% #7D4CCD	RGB 125 76 205	#7D4CCD
50.0%	50.0% #7241C7	RGB 114 65 199	#7241C7
66.7%	66.7% #6635C1	RGB 102 53 193	#6635C1
83.3%	83.3% #5B29BB	RGB 91 41 187	#5B29BB
100.0%	100.0% #501EB5	RGB 80 30 181	#501EB5

#9464DA #8858D3 #7D4CCD #7241C7 #6635C1 #5B29BB #501EB5

#9464DA - #501EB5

HSV Blend

#9464DA - #501EB5 | 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 #9464DA as 0% and #501EB5 as 100%.

0.0%	0.0% #9464DA	RGB 148 100 218	#9464DA
16.7%	16.7% #8856D3	RGB 136 86 211	#8856D3
33.3%	33.3% #7C4ACD	RGB 124 74 205	#7C4ACD
50.0%	50.0% #703EC7	RGB 112 62 199	#703EC7
66.7%	66.7% #6532C1	RGB 101 50 193	#6532C1
83.3%	83.3% #5A28BB	RGB 90 40 187	#5A28BB
100.0%	100.0% #501EB5	RGB 80 30 181	#501EB5

#9464DA #8856D3 #7C4ACD #703EC7 #6532C1 #5A28BB #501EB5

#9464DA - #703EC7 - #501EB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9464DA 0%, #703EC7 50%, #501EB5 100%);
    background: -webkit-linear-gradient(top, #9464DA 0%, #703EC7 50%, #501EB5 100%);
    background: linear-gradient(to bottom, #9464DA 0%, #703EC7 50%, #501EB5 100%);
}
</style>