#B45AF6 - #EBC0FF | 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 #B45AF6 to #EBC0FF

#B45AF6 #EBC0FF

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

#B45AF6 - #EBC0FF | 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 #B45AF6 as 0% and #EBC0FF as 100%.

0.0%	0.0% #B45AF6	RGB 180 90 246	#B45AF6
16.7%	16.7% #BD6BF7	RGB 189 107 247	#BD6BF7
33.3%	33.3% #C67CF9	RGB 198 124 249	#C67CF9
50.0%	50.0% #CF8DFA	RGB 207 141 250	#CF8DFA
66.7%	66.7% #D89EFC	RGB 216 158 252	#D89EFC
83.3%	83.3% #E1AFFD	RGB 225 175 253	#E1AFFD
100.0%	100.0% #EBC0FF	RGB 235 192 255	#EBC0FF

#B45AF6 #BD6BF7 #C67CF9 #CF8DFA #D89EFC #E1AFFD #EBC0FF

#B45AF6 - #EBC0FF

HSV Blend

#B45AF6 - #EBC0FF | 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 #B45AF6 as 0% and #EBC0FF as 100%.

0.0%	0.0% #B35AF6	RGB 179 90 246	#B35AF6
16.7%	16.7% #BE6AF7	RGB 190 106 247	#BE6AF7
33.3%	33.3% #C87BF9	RGB 200 123 249	#C87BF9
50.0%	50.0% #D18CFA	RGB 209 140 250	#D18CFA
66.7%	66.7% #DA9DFC	RGB 218 157 252	#DA9DFC
83.3%	83.3% #E3AEFD	RGB 227 174 253	#E3AEFD
100.0%	100.0% #EBC0FF	RGB 235 192 255	#EBC0FF

#B35AF6 #BE6AF7 #C87BF9 #D18CFA #DA9DFC #E3AEFD #EBC0FF

#B45AF6 - #D18CFA - #EBC0FF

CSS codes

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

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