#4900A8 - #A14EE0 | 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 #4900A8 to #A14EE0

#4900A8 #A14EE0

Calculate the color between two colors, #4900A8 and #A14EE0. 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)

#4900A8 - #A14EE0 | 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 #4900A8 as 0% and #A14EE0 as 100%.

0.0%	0.0% #4900A8	RGB 73 0 168	#4900A8
16.7%	16.7% #570DB1	RGB 87 13 177	#570DB1
33.3%	33.3% #661ABA	RGB 102 26 186	#661ABA
50.0%	50.0% #7527C4	RGB 117 39 196	#7527C4
66.7%	66.7% #8334CD	RGB 131 52 205	#8334CD
83.3%	83.3% #9241D6	RGB 146 65 214	#9241D6
100.0%	100.0% #A14EE0	RGB 161 78 224	#A14EE0

#4900A8 #570DB1 #661ABA #7527C4 #8334CD #9241D6 #A14EE0

#4900A8 - #A14EE0

HSV Blend

#4900A8 - #A14EE0 | 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 #4900A8 as 0% and #A14EE0 as 100%.

0.0%	0.0% #4800A8	RGB 72 0 168	#4800A8
16.7%	16.7% #560AB1	RGB 86 10 177	#560AB1
33.3%	33.3% #6415BA	RGB 100 21 186	#6415BA
50.0%	50.0% #7322C4	RGB 115 34 196	#7322C4
66.7%	66.7% #822FCD	RGB 130 47 205	#822FCD
83.3%	83.3% #913ED6	RGB 145 62 214	#913ED6
100.0%	100.0% #A14EE0	RGB 161 78 224	#A14EE0

#4800A8 #560AB1 #6415BA #7322C4 #822FCD #913ED6 #A14EE0

#4900A8 - #7322C4 - #A14EE0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4800A8 0%, #7322C4 50%, #A14EE0 100%);
    background: -webkit-linear-gradient(top, #4800A8 0%, #7322C4 50%, #A14EE0 100%);
    background: linear-gradient(to bottom, #4800A8 0%, #7322C4 50%, #A14EE0 100%);
}
</style>