#A65EB6 - #480A65 | 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 #A65EB6 to #480A65

#A65EB6 #480A65

Calculate the color between two colors, #A65EB6 and #480A65. 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)

#A65EB6 - #480A65 | 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 #A65EB6 as 0% and #480A65 as 100%.

0.0%	0.0% #A65EB6	RGB 166 94 182	#A65EB6
16.7%	16.7% #9650A8	RGB 150 80 168	#9650A8
33.3%	33.3% #86429B	RGB 134 66 155	#86429B
50.0%	50.0% #77348D	RGB 119 52 141	#77348D
66.7%	66.7% #672580	RGB 103 37 128	#672580
83.3%	83.3% #571872	RGB 87 24 114	#571872
100.0%	100.0% #480A65	RGB 72 10 101	#480A65

#A65EB6 #9650A8 #86429B #77348D #672580 #571872 #480A65

#A65EB6 - #480A65

HSV Blend

#A65EB6 - #480A65 | 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 #A65EB6 as 0% and #480A65 as 100%.

0.0%	0.0% #A65EB6	RGB 166 94 182	#A65EB6
16.7%	16.7% #954BA8	RGB 149 75 168	#954BA8
33.3%	33.3% #853A9B	RGB 133 58 155	#853A9B
50.0%	50.0% #742B8D	RGB 116 43 141	#742B8D
66.7%	66.7% #651E80	RGB 101 30 128	#651E80
83.3%	83.3% #561372	RGB 86 19 114	#561372
100.0%	100.0% #480A65	RGB 72 10 101	#480A65

#A65EB6 #954BA8 #853A9B #742B8D #651E80 #561372 #480A65

#A65EB6 - #742B8D - #480A65

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A65EB6 0%, #742B8D 50%, #480A65 100%);
    background: -webkit-linear-gradient(top, #A65EB6 0%, #742B8D 50%, #480A65 100%);
    background: linear-gradient(to bottom, #A65EB6 0%, #742B8D 50%, #480A65 100%);
}
</style>