#EBA6FF - #BF4DEC | 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 #EBA6FF to #BF4DEC

#EBA6FF #BF4DEC

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

#EBA6FF - #BF4DEC | 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 #EBA6FF as 0% and #BF4DEC as 100%.

0.0%	0.0% #EBA6FF	RGB 235 166 255	#EBA6FF
16.7%	16.7% #E397FB	RGB 227 151 251	#E397FB
33.3%	33.3% #DC88F8	RGB 220 136 248	#DC88F8
50.0%	50.0% #D579F5	RGB 213 121 245	#D579F5
66.7%	66.7% #CD6AF2	RGB 205 106 242	#CD6AF2
83.3%	83.3% #C65BEF	RGB 198 91 239	#C65BEF
100.0%	100.0% #BF4DEC	RGB 191 77 236	#BF4DEC

#EBA6FF #E397FB #DC88F8 #D579F5 #CD6AF2 #C65BEF #BF4DEC

#EBA6FF - #BF4DEC

HSV Blend

#EBA6FF - #BF4DEC | 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 #EBA6FF as 0% and #BF4DEC as 100%.

0.0%	0.0% #EBA6FF	RGB 235 166 255	#EBA6FF
16.7%	16.7% #E496FB	RGB 228 150 251	#E496FB
33.3%	33.3% #DC86F8	RGB 220 134 248	#DC86F8
50.0%	50.0% #D577F5	RGB 213 119 245	#D577F5
66.7%	66.7% #CE69F2	RGB 206 105 242	#CE69F2
83.3%	83.3% #C65AEF	RGB 198 90 239	#C65AEF
100.0%	100.0% #BF4DEC	RGB 191 77 236	#BF4DEC

#EBA6FF #E496FB #DC86F8 #D577F5 #CE69F2 #C65AEF #BF4DEC

#EBA6FF - #D577F5 - #BF4DEC

CSS codes

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

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