#5E16FF - #D1BCFF | 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 #5E16FF to #D1BCFF

#5E16FF #D1BCFF

Calculate the color between two colors, #5E16FF and #D1BCFF. 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)

#5E16FF - #D1BCFF | 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 #5E16FF as 0% and #D1BCFF as 100%.

0.0%	0.0% #5E16FF	RGB 94 22 255	#5E16FF
16.7%	16.7% #7131FF	RGB 113 49 255	#7131FF
33.3%	33.3% #844DFF	RGB 132 77 255	#844DFF
50.0%	50.0% #9769FF	RGB 151 105 255	#9769FF
66.7%	66.7% #AA84FF	RGB 170 132 255	#AA84FF
83.3%	83.3% #BDA0FF	RGB 189 160 255	#BDA0FF
100.0%	100.0% #D1BCFF	RGB 209 188 255	#D1BCFF

#5E16FF #7131FF #844DFF #9769FF #AA84FF #BDA0FF #D1BCFF

#5E16FF - #D1BCFF

HSV Blend

#5E16FF - #D1BCFF | 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 #5E16FF as 0% and #D1BCFF as 100%.

0.0%	0.0% #5D15FF	RGB 93 21 255	#5D15FF
16.7%	16.7% #7131FF	RGB 113 49 255	#7131FF
33.3%	33.3% #844DFF	RGB 132 77 255	#844DFF
50.0%	50.0% #9769FF	RGB 151 105 255	#9769FF
66.7%	66.7% #AA84FF	RGB 170 132 255	#AA84FF
83.3%	83.3% #BDA0FF	RGB 189 160 255	#BDA0FF
100.0%	100.0% #D1BCFF	RGB 209 188 255	#D1BCFF

#5D15FF #7131FF #844DFF #9769FF #AA84FF #BDA0FF #D1BCFF

#5E16FF - #9769FF - #D1BCFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D15FF 0%, #9769FF 50%, #D1BCFF 100%);
    background: -webkit-linear-gradient(top, #5D15FF 0%, #9769FF 50%, #D1BCFF 100%);
    background: linear-gradient(to bottom, #5D15FF 0%, #9769FF 50%, #D1BCFF 100%);
}
</style>