#B2B6CE - #5E72A7 | 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 #B2B6CE to #5E72A7

#B2B6CE #5E72A7

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

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

0.0%	0.0% #B2B6CE	RGB 178 182 206	#B2B6CE
16.7%	16.7% #A4AAC7	RGB 164 170 199	#A4AAC7
33.3%	33.3% #969FC1	RGB 150 159 193	#969FC1
50.0%	50.0% #8894BA	RGB 136 148 186	#8894BA
66.7%	66.7% #7A88B4	RGB 122 136 180	#7A88B4
83.3%	83.3% #6C7DAD	RGB 108 125 173	#6C7DAD
100.0%	100.0% #5E72A7	RGB 94 114 167	#5E72A7

#B2B6CE #A4AAC7 #969FC1 #8894BA #7A88B4 #6C7DAD #5E72A7

#B2B6CE - #5E72A7

HSV Blend

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

0.0%	0.0% #B2B6CE	RGB 178 182 206	#B2B6CE
16.7%	16.7% #A2A8C7	RGB 162 168 199	#A2A8C7
33.3%	33.3% #939BC1	RGB 147 155 193	#939BC1
50.0%	50.0% #8590BA	RGB 133 144 186	#8590BA
66.7%	66.7% #7785B4	RGB 119 133 180	#7785B4
83.3%	83.3% #6A7BAD	RGB 106 123 173	#6A7BAD
100.0%	100.0% #5E72A7	RGB 94 114 167	#5E72A7

#B2B6CE #A2A8C7 #939BC1 #8590BA #7785B4 #6A7BAD #5E72A7

#B2B6CE - #8590BA - #5E72A7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2B6CE 0%, #8590BA 50%, #5E72A7 100%);
    background: -webkit-linear-gradient(top, #B2B6CE 0%, #8590BA 50%, #5E72A7 100%);
    background: linear-gradient(to bottom, #B2B6CE 0%, #8590BA 50%, #5E72A7 100%);
}
</style>