#E3A0FF - #B548F0 | 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 #E3A0FF to #B548F0

#E3A0FF #B548F0

Calculate the color between two colors, #E3A0FF and #B548F0. 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)

#E3A0FF - #B548F0 | 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 #E3A0FF as 0% and #B548F0 as 100%.

0.0%	0.0% #E3A0FF	RGB 227 160 255	#E3A0FF
16.7%	16.7% #DB91FC	RGB 219 145 252	#DB91FC
33.3%	33.3% #D382FA	RGB 211 130 250	#D382FA
50.0%	50.0% #CC74F7	RGB 204 116 247	#CC74F7
66.7%	66.7% #C465F5	RGB 196 101 245	#C465F5
83.3%	83.3% #BC56F2	RGB 188 86 242	#BC56F2
100.0%	100.0% #B548F0	RGB 181 72 240	#B548F0

#E3A0FF #DB91FC #D382FA #CC74F7 #C465F5 #BC56F2 #B548F0

#E3A0FF - #B548F0

HSV Blend

#E3A0FF - #B548F0 | 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 #E3A0FF as 0% and #B548F0 as 100%.

0.0%	0.0% #E3A0FF	RGB 227 160 255	#E3A0FF
16.7%	16.7% #DB90FC	RGB 219 144 252	#DB90FC
33.3%	33.3% #D481FA	RGB 212 129 250	#D481FA
50.0%	50.0% #CC72F7	RGB 204 114 247	#CC72F7
66.7%	66.7% #C464F5	RGB 196 100 245	#C464F5
83.3%	83.3% #BD55F2	RGB 189 85 242	#BD55F2
100.0%	100.0% #B548F0	RGB 181 72 240	#B548F0

#E3A0FF #DB90FC #D481FA #CC72F7 #C464F5 #BD55F2 #B548F0

#E3A0FF - #CC72F7 - #B548F0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E3A0FF 0%, #CC72F7 50%, #B548F0 100%);
    background: -webkit-linear-gradient(top, #E3A0FF 0%, #CC72F7 50%, #B548F0 100%);
    background: linear-gradient(to bottom, #E3A0FF 0%, #CC72F7 50%, #B548F0 100%);
}
</style>