#5E78DB - #BA91FF | 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 #5E78DB to #BA91FF

#5E78DB #BA91FF

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

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

0.0%	0.0% #5E78DB	RGB 94 120 219	#5E78DB
16.7%	16.7% #6D7CE1	RGB 109 124 225	#6D7CE1
33.3%	33.3% #7C80E7	RGB 124 128 231	#7C80E7
50.0%	50.0% #8C84ED	RGB 140 132 237	#8C84ED
66.7%	66.7% #9B88F3	RGB 155 136 243	#9B88F3
83.3%	83.3% #AA8CF9	RGB 170 140 249	#AA8CF9
100.0%	100.0% #BA91FF	RGB 186 145 255	#BA91FF

#5E78DB #6D7CE1 #7C80E7 #8C84ED #9B88F3 #AA8CF9 #BA91FF

#5E78DB - #BA91FF

HSV Blend

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

0.0%	0.0% #5E78DB	RGB 94 120 219	#5E78DB
16.7%	16.7% #6573E1	RGB 101 115 225	#6573E1
33.3%	33.3% #6D6FE7	RGB 109 111 231	#6D6FE7
50.0%	50.0% #8076ED	RGB 128 118 237	#8076ED
66.7%	66.7% #937EF3	RGB 147 126 243	#937EF3
83.3%	83.3% #A787F9	RGB 167 135 249	#A787F9
100.0%	100.0% #BA91FF	RGB 186 145 255	#BA91FF

#5E78DB #6573E1 #6D6FE7 #8076ED #937EF3 #A787F9 #BA91FF

#5E78DB - #8076ED - #BA91FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E78DB 0%, #8076ED 50%, #BA91FF 100%);
    background: -webkit-linear-gradient(top, #5E78DB 0%, #8076ED 50%, #BA91FF 100%);
    background: linear-gradient(to bottom, #5E78DB 0%, #8076ED 50%, #BA91FF 100%);
}
</style>