#5E7BAA - #B097F9 | 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 #5E7BAA to #B097F9

#5E7BAA #B097F9

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

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

0.0%	0.0% #5E7BAA	RGB 94 123 170	#5E7BAA
16.7%	16.7% #6B7FB7	RGB 107 127 183	#6B7FB7
33.3%	33.3% #7984C4	RGB 121 132 196	#7984C4
50.0%	50.0% #8789D1	RGB 135 137 209	#8789D1
66.7%	66.7% #948DDE	RGB 148 141 222	#948DDE
83.3%	83.3% #A292EB	RGB 162 146 235	#A292EB
100.0%	100.0% #B097F9	RGB 176 151 249	#B097F9

#5E7BAA #6B7FB7 #7984C4 #8789D1 #948DDE #A292EB #B097F9

#5E7BAA - #B097F9

HSV Blend

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

0.0%	0.0% #5E7BAA	RGB 94 123 170	#5E7BAA
16.7%	16.7% #667DB7	RGB 102 125 183	#667DB7
33.3%	33.3% #707EC4	RGB 112 126 196	#707EC4
50.0%	50.0% #797FD1	RGB 121 127 209	#797FD1
66.7%	66.7% #8683DE	RGB 134 131 222	#8683DE
83.3%	83.3% #9B8CEB	RGB 155 140 235	#9B8CEB
100.0%	100.0% #B097F9	RGB 176 151 249	#B097F9

#5E7BAA #667DB7 #707EC4 #797FD1 #8683DE #9B8CEB #B097F9

#5E7BAA - #797FD1 - #B097F9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7BAA 0%, #797FD1 50%, #B097F9 100%);
    background: -webkit-linear-gradient(top, #5E7BAA 0%, #797FD1 50%, #B097F9 100%);
    background: linear-gradient(to bottom, #5E7BAA 0%, #797FD1 50%, #B097F9 100%);
}
</style>