#5E71DA - #B6C3DF | 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 #5E71DA to #B6C3DF

#5E71DA #B6C3DF

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

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

0.0%	0.0% #5E71DA	RGB 94 113 218	#5E71DA
16.7%	16.7% #6C7EDA	RGB 108 126 218	#6C7EDA
33.3%	33.3% #7B8CDB	RGB 123 140 219	#7B8CDB
50.0%	50.0% #8A9ADC	RGB 138 154 220	#8A9ADC
66.7%	66.7% #98A7DD	RGB 152 167 221	#98A7DD
83.3%	83.3% #A7B5DE	RGB 167 181 222	#A7B5DE
100.0%	100.0% #B6C3DF	RGB 182 195 223	#B6C3DF

#5E71DA #6C7EDA #7B8CDB #8A9ADC #98A7DD #A7B5DE #B6C3DF

#5E71DA - #B6C3DF

HSV Blend

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

0.0%	0.0% #5E71DA	RGB 94 113 218	#5E71DA
16.7%	16.7% #6C80DA	RGB 108 128 218	#6C80DA
33.3%	33.3% #7A8FDB	RGB 122 143 219	#7A8FDB
50.0%	50.0% #899DDC	RGB 137 157 220	#899DDC
66.7%	66.7% #98AADD	RGB 152 170 221	#98AADD
83.3%	83.3% #A7B7DE	RGB 167 183 222	#A7B7DE
100.0%	100.0% #B6C3DF	RGB 182 195 223	#B6C3DF

#5E71DA #6C80DA #7A8FDB #899DDC #98AADD #A7B7DE #B6C3DF

#5E71DA - #899DDC - #B6C3DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E71DA 0%, #899DDC 50%, #B6C3DF 100%);
    background: -webkit-linear-gradient(top, #5E71DA 0%, #899DDC 50%, #B6C3DF 100%);
    background: linear-gradient(to bottom, #5E71DA 0%, #899DDC 50%, #B6C3DF 100%);
}
</style>