#B0B6EC - #5A6ECE | 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 #B0B6EC to #5A6ECE

#B0B6EC #5A6ECE

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

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

0.0%	0.0% #B0B6EC	RGB 176 182 236	#B0B6EC
16.7%	16.7% #A1AAE7	RGB 161 170 231	#A1AAE7
33.3%	33.3% #939EE2	RGB 147 158 226	#939EE2
50.0%	50.0% #8592DD	RGB 133 146 221	#8592DD
66.7%	66.7% #7686D8	RGB 118 134 216	#7686D8
83.3%	83.3% #687AD3	RGB 104 122 211	#687AD3
100.0%	100.0% #5A6ECE	RGB 90 110 206	#5A6ECE

#B0B6EC #A1AAE7 #939EE2 #8592DD #7686D8 #687AD3 #5A6ECE

#B0B6EC - #5A6ECE

HSV Blend

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

0.0%	0.0% #B0B6EC	RGB 176 182 236	#B0B6EC
16.7%	16.7% #A0A8E7	RGB 160 168 231	#A0A8E7
33.3%	33.3% #919BE2	RGB 145 155 226	#919BE2
50.0%	50.0% #828EDD	RGB 130 142 221	#828EDD
66.7%	66.7% #7483D8	RGB 116 131 216	#7483D8
83.3%	83.3% #6778D3	RGB 103 120 211	#6778D3
100.0%	100.0% #5A6ECE	RGB 90 110 206	#5A6ECE

#B0B6EC #A0A8E7 #919BE2 #828EDD #7483D8 #6778D3 #5A6ECE

#B0B6EC - #828EDD - #5A6ECE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0B6EC 0%, #828EDD 50%, #5A6ECE 100%);
    background: -webkit-linear-gradient(top, #B0B6EC 0%, #828EDD 50%, #5A6ECE 100%);
    background: linear-gradient(to bottom, #B0B6EC 0%, #828EDD 50%, #5A6ECE 100%);
}
</style>