#B192FF - #5E1BCB | 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 #B192FF to #5E1BCB

#B192FF #5E1BCB

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

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

0.0%	0.0% #B192FF	RGB 177 146 255	#B192FF
16.7%	16.7% #A37EF6	RGB 163 126 246	#A37EF6
33.3%	33.3% #956AED	RGB 149 106 237	#956AED
50.0%	50.0% #8756E5	RGB 135 86 229	#8756E5
66.7%	66.7% #7942DC	RGB 121 66 220	#7942DC
83.3%	83.3% #6B2ED3	RGB 107 46 211	#6B2ED3
100.0%	100.0% #5E1BCB	RGB 94 27 203	#5E1BCB

#B192FF #A37EF6 #956AED #8756E5 #7942DC #6B2ED3 #5E1BCB

#B192FF - #5E1BCB

HSV Blend

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

0.0%	0.0% #B192FF	RGB 177 146 255	#B192FF
16.7%	16.7% #A07AF6	RGB 160 122 246	#A07AF6
33.3%	33.3% #9065ED	RGB 144 101 237	#9065ED
50.0%	50.0% #8250E5	RGB 130 80 229	#8250E5
66.7%	66.7% #743DDC	RGB 116 61 220	#743DDC
83.3%	83.3% #682BD3	RGB 104 43 211	#682BD3
100.0%	100.0% #5E1BCB	RGB 94 27 203	#5E1BCB

#B192FF #A07AF6 #9065ED #8250E5 #743DDC #682BD3 #5E1BCB

#B192FF - #8250E5 - #5E1BCB

CSS codes

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

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