#E4A0FF - #B448F0 | 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 #E4A0FF to #B448F0

#E4A0FF #B448F0

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

#E4A0FF - #B448F0 | 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 #E4A0FF as 0% and #B448F0 as 100%.

0.0%	0.0% #E4A0FF	RGB 228 160 255	#E4A0FF
16.7%	16.7% #DC91FC	RGB 220 145 252	#DC91FC
33.3%	33.3% #D482FA	RGB 212 130 250	#D482FA
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% #B448F0	RGB 180 72 240	#B448F0

#E4A0FF #DC91FC #D482FA #CC74F7 #C465F5 #BC56F2 #B448F0

#E4A0FF - #B448F0

HSV Blend

#E4A0FF - #B448F0 | 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 #E4A0FF as 0% and #B448F0 as 100%.

0.0%	0.0% #E4A0FF	RGB 228 160 255	#E4A0FF
16.7%	16.7% #DC90FC	RGB 220 144 252	#DC90FC
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% #BC55F2	RGB 188 85 242	#BC55F2
100.0%	100.0% #B448F0	RGB 180 72 240	#B448F0

#E4A0FF #DC90FC #D481FA #CC72F7 #C464F5 #BC55F2 #B448F0

#E4A0FF - #CC72F7 - #B448F0

CSS codes

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

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