#5E57FF - #B8B9FF | 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 #5E57FF to #B8B9FF

#5E57FF #B8B9FF

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

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

0.0%	0.0% #5E57FF	RGB 94 87 255	#5E57FF
16.7%	16.7% #6D67FF	RGB 109 103 255	#6D67FF
33.3%	33.3% #7C77FF	RGB 124 119 255	#7C77FF
50.0%	50.0% #8B88FF	RGB 139 136 255	#8B88FF
66.7%	66.7% #9A98FF	RGB 154 152 255	#9A98FF
83.3%	83.3% #A9A8FF	RGB 169 168 255	#A9A8FF
100.0%	100.0% #B8B9FF	RGB 184 185 255	#B8B9FF

#5E57FF #6D67FF #7C77FF #8B88FF #9A98FF #A9A8FF #B8B9FF

#5E57FF - #B8B9FF

HSV Blend

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

0.0%	0.0% #5E57FF	RGB 94 87 255	#5E57FF
16.7%	16.7% #6C67FF	RGB 108 103 255	#6C67FF
33.3%	33.3% #7A77FF	RGB 122 119 255	#7A77FF
50.0%	50.0% #8987FF	RGB 137 135 255	#8987FF
66.7%	66.7% #9897FF	RGB 152 151 255	#9897FF
83.3%	83.3% #A7A8FF	RGB 167 168 255	#A7A8FF
100.0%	100.0% #B8B9FF	RGB 184 185 255	#B8B9FF

#5E57FF #6C67FF #7A77FF #8987FF #9897FF #A7A8FF #B8B9FF

#5E57FF - #8987FF - #B8B9FF

CSS codes

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

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