#5E72EB - #BE8AFF | 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 #5E72EB to #BE8AFF

#5E72EB #BE8AFF

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

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

0.0%	0.0% #5E72EB	RGB 94 114 235	#5E72EB
16.7%	16.7% #6E76EE	RGB 110 118 238	#6E76EE
33.3%	33.3% #7E7AF1	RGB 126 122 241	#7E7AF1
50.0%	50.0% #8E7EF5	RGB 142 126 245	#8E7EF5
66.7%	66.7% #9E82F8	RGB 158 130 248	#9E82F8
83.3%	83.3% #AE86FB	RGB 174 134 251	#AE86FB
100.0%	100.0% #BE8AFF	RGB 190 138 255	#BE8AFF

#5E72EB #6E76EE #7E7AF1 #8E7EF5 #9E82F8 #AE86FB #BE8AFF

#5E72EB - #BE8AFF

HSV Blend

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

0.0%	0.0% #5E72EB	RGB 94 114 235	#5E72EB
16.7%	16.7% #646BEE	RGB 100 107 238	#646BEE
33.3%	33.3% #736CF1	RGB 115 108 241	#736CF1
50.0%	50.0% #8673F5	RGB 134 115 245	#8673F5
66.7%	66.7% #997AF8	RGB 153 122 248	#997AF8
83.3%	83.3% #AC82FB	RGB 172 130 251	#AC82FB
100.0%	100.0% #BE8AFF	RGB 190 138 255	#BE8AFF

#5E72EB #646BEE #736CF1 #8673F5 #997AF8 #AC82FB #BE8AFF

#5E72EB - #8673F5 - #BE8AFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E72EB 0%, #8673F5 50%, #BE8AFF 100%);
    background: -webkit-linear-gradient(top, #5E72EB 0%, #8673F5 50%, #BE8AFF 100%);
    background: linear-gradient(to bottom, #5E72EB 0%, #8673F5 50%, #BE8AFF 100%);
}
</style>