#5E78AE - #B193FB | 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 #5E78AE to #B193FB

#5E78AE #B193FB

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

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

0.0%	0.0% #5E78AE	RGB 94 120 174	#5E78AE
16.7%	16.7% #6B7CBA	RGB 107 124 186	#6B7CBA
33.3%	33.3% #7981C7	RGB 121 129 199	#7981C7
50.0%	50.0% #8785D4	RGB 135 133 212	#8785D4
66.7%	66.7% #958AE1	RGB 149 138 225	#958AE1
83.3%	83.3% #A38EEE	RGB 163 142 238	#A38EEE
100.0%	100.0% #B193FB	RGB 177 147 251	#B193FB

#5E78AE #6B7CBA #7981C7 #8785D4 #958AE1 #A38EEE #B193FB

#5E78AE - #B193FB

HSV Blend

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

0.0%	0.0% #5E78AE	RGB 94 120 174	#5E78AE
16.7%	16.7% #6679BA	RGB 102 121 186	#6679BA
33.3%	33.3% #6E79C7	RGB 110 121 199	#6E79C7
50.0%	50.0% #7779D4	RGB 119 121 212	#7779D4
66.7%	66.7% #8880E1	RGB 136 128 225	#8880E1
83.3%	83.3% #9C89EE	RGB 156 137 238	#9C89EE
100.0%	100.0% #B193FB	RGB 177 147 251	#B193FB

#5E78AE #6679BA #6E79C7 #7779D4 #8880E1 #9C89EE #B193FB

#5E78AE - #7779D4 - #B193FB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E78AE 0%, #7779D4 50%, #B193FB 100%);
    background: -webkit-linear-gradient(top, #5E78AE 0%, #7779D4 50%, #B193FB 100%);
    background: linear-gradient(to bottom, #5E78AE 0%, #7779D4 50%, #B193FB 100%);
}
</style>