#A16FC3 - #4D1374 | 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 #A16FC3 to #4D1374

#A16FC3 #4D1374

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

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

0.0%	0.0% #A16FC3	RGB 161 111 195	#A16FC3
16.7%	16.7% #935FB5	RGB 147 95 181	#935FB5
33.3%	33.3% #8550A8	RGB 133 80 168	#8550A8
50.0%	50.0% #77419B	RGB 119 65 155	#77419B
66.7%	66.7% #69318E	RGB 105 49 142	#69318E
83.3%	83.3% #5B2281	RGB 91 34 129	#5B2281
100.0%	100.0% #4D1374	RGB 77 19 116	#4D1374

#A16FC3 #935FB5 #8550A8 #77419B #69318E #5B2281 #4D1374

#A16FC3 - #4D1374

HSV Blend

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

0.0%	0.0% #A16FC3	RGB 161 111 195	#A16FC3
16.7%	16.7% #915BB5	RGB 145 91 181	#915BB5
33.3%	33.3% #8249A8	RGB 130 73 168	#8249A8
50.0%	50.0% #73389B	RGB 115 56 155	#73389B
66.7%	66.7% #662A8E	RGB 102 42 142	#662A8E
83.3%	83.3% #591D81	RGB 89 29 129	#591D81
100.0%	100.0% #4D1374	RGB 77 19 116	#4D1374

#A16FC3 #915BB5 #8249A8 #73389B #662A8E #591D81 #4D1374

#A16FC3 - #73389B - #4D1374

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A16FC3 0%, #73389B 50%, #4D1374 100%);
    background: -webkit-linear-gradient(top, #A16FC3 0%, #73389B 50%, #4D1374 100%);
    background: linear-gradient(to bottom, #A16FC3 0%, #73389B 50%, #4D1374 100%);
}
</style>