#B686FF - #5E0CCB | 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 #B686FF to #5E0CCB

#B686FF #5E0CCB

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

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

0.0%	0.0% #B686FF	RGB 182 134 255	#B686FF
16.7%	16.7% #A771F6	RGB 167 113 246	#A771F6
33.3%	33.3% #985DED	RGB 152 93 237	#985DED
50.0%	50.0% #8A49E5	RGB 138 73 229	#8A49E5
66.7%	66.7% #7B34DC	RGB 123 52 220	#7B34DC
83.3%	83.3% #6C20D3	RGB 108 32 211	#6C20D3
100.0%	100.0% #5E0CCB	RGB 94 12 203	#5E0CCB

#B686FF #A771F6 #985DED #8A49E5 #7B34DC #6C20D3 #5E0CCB

#B686FF - #5E0CCB

HSV Blend

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

0.0%	0.0% #B686FF	RGB 182 134 255	#B686FF
16.7%	16.7% #A56EF6	RGB 165 110 246	#A56EF6
33.3%	33.3% #9457ED	RGB 148 87 237	#9457ED
50.0%	50.0% #8542E5	RGB 133 66 229	#8542E5
66.7%	66.7% #772FDC	RGB 119 47 220	#772FDC
83.3%	83.3% #6A1CD3	RGB 106 28 211	#6A1CD3
100.0%	100.0% #5E0CCB	RGB 94 12 203	#5E0CCB

#B686FF #A56EF6 #9457ED #8542E5 #772FDC #6A1CD3 #5E0CCB

#B686FF - #8542E5 - #5E0CCB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B686FF 0%, #8542E5 50%, #5E0CCB 100%);
    background: -webkit-linear-gradient(top, #B686FF 0%, #8542E5 50%, #5E0CCB 100%);
    background: linear-gradient(to bottom, #B686FF 0%, #8542E5 50%, #5E0CCB 100%);
}
</style>