#B8C7FF - #5373D5 | 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 #B8C7FF to #5373D5

#B8C7FF #5373D5

Calculate the color between two colors, #B8C7FF and #5373D5. 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)

#B8C7FF - #5373D5 | 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 #B8C7FF as 0% and #5373D5 as 100%.

0.0%	0.0% #B8C7FF	RGB 184 199 255	#B8C7FF
16.7%	16.7% #A7B9F8	RGB 167 185 248	#A7B9F8
33.3%	33.3% #96ABF1	RGB 150 171 241	#96ABF1
50.0%	50.0% #859DEA	RGB 133 157 234	#859DEA
66.7%	66.7% #748FE3	RGB 116 143 227	#748FE3
83.3%	83.3% #6381DC	RGB 99 129 220	#6381DC
100.0%	100.0% #5373D5	RGB 83 115 213	#5373D5

#B8C7FF #A7B9F8 #96ABF1 #859DEA #748FE3 #6381DC #5373D5

#B8C7FF - #5373D5

HSV Blend

#B8C7FF - #5373D5 | 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 #B8C7FF as 0% and #5373D5 as 100%.

0.0%	0.0% #B8C7FF	RGB 184 199 255	#B8C7FF
16.7%	16.7% #A5B7F8	RGB 165 183 248	#A5B7F8
33.3%	33.3% #93A8F1	RGB 147 168 241	#93A8F1
50.0%	50.0% #8299EA	RGB 130 153 234	#8299EA
66.7%	66.7% #718CE3	RGB 113 140 227	#718CE3
83.3%	83.3% #617FDC	RGB 97 127 220	#617FDC
100.0%	100.0% #5373D5	RGB 83 115 213	#5373D5

#B8C7FF #A5B7F8 #93A8F1 #8299EA #718CE3 #617FDC #5373D5

#B8C7FF - #8299EA - #5373D5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8C7FF 0%, #8299EA 50%, #5373D5 100%);
    background: -webkit-linear-gradient(top, #B8C7FF 0%, #8299EA 50%, #5373D5 100%);
    background: linear-gradient(to bottom, #B8C7FF 0%, #8299EA 50%, #5373D5 100%);
}
</style>