#B2BAD6 - #5E68AD | 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 #B2BAD6 to #5E68AD

#B2BAD6 #5E68AD

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

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

0.0%	0.0% #B2BAD6	RGB 178 186 214	#B2BAD6
16.7%	16.7% #A4ACCF	RGB 164 172 207	#A4ACCF
33.3%	33.3% #969EC8	RGB 150 158 200	#969EC8
50.0%	50.0% #8891C1	RGB 136 145 193	#8891C1
66.7%	66.7% #7A83BA	RGB 122 131 186	#7A83BA
83.3%	83.3% #6C75B3	RGB 108 117 179	#6C75B3
100.0%	100.0% #5E68AD	RGB 94 104 173	#5E68AD

#B2BAD6 #A4ACCF #969EC8 #8891C1 #7A83BA #6C75B3 #5E68AD

#B2BAD6 - #5E68AD

HSV Blend

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

0.0%	0.0% #B2BAD6	RGB 178 186 214	#B2BAD6
16.7%	16.7% #A2ABCF	RGB 162 171 207	#A2ABCF
33.3%	33.3% #939DC8	RGB 147 157 200	#939DC8
50.0%	50.0% #858FC1	RGB 133 143 193	#858FC1
66.7%	66.7% #7782BA	RGB 119 130 186	#7782BA
83.3%	83.3% #6A74B3	RGB 106 116 179	#6A74B3
100.0%	100.0% #5E68AD	RGB 94 104 173	#5E68AD

#B2BAD6 #A2ABCF #939DC8 #858FC1 #7782BA #6A74B3 #5E68AD

#B2BAD6 - #858FC1 - #5E68AD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2BAD6 0%, #858FC1 50%, #5E68AD 100%);
    background: -webkit-linear-gradient(top, #B2BAD6 0%, #858FC1 50%, #5E68AD 100%);
    background: linear-gradient(to bottom, #B2BAD6 0%, #858FC1 50%, #5E68AD 100%);
}
</style>