#B2B7CC - #5E75A5 | 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 #B2B7CC to #5E75A5

#B2B7CC #5E75A5

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

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

0.0%	0.0% #B2B7CC	RGB 178 183 204	#B2B7CC
16.7%	16.7% #A4ACC5	RGB 164 172 197	#A4ACC5
33.3%	33.3% #96A1BF	RGB 150 161 191	#96A1BF
50.0%	50.0% #8896B8	RGB 136 150 184	#8896B8
66.7%	66.7% #7A8BB2	RGB 122 139 178	#7A8BB2
83.3%	83.3% #6C80AB	RGB 108 128 171	#6C80AB
100.0%	100.0% #5E75A5	RGB 94 117 165	#5E75A5

#B2B7CC #A4ACC5 #96A1BF #8896B8 #7A8BB2 #6C80AB #5E75A5

#B2B7CC - #5E75A5

HSV Blend

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

0.0%	0.0% #B2B7CC	RGB 178 183 204	#B2B7CC
16.7%	16.7% #A2A9C5	RGB 162 169 197	#A2A9C5
33.3%	33.3% #939DBF	RGB 147 157 191	#939DBF
50.0%	50.0% #8592B8	RGB 133 146 184	#8592B8
66.7%	66.7% #7787B2	RGB 119 135 178	#7787B2
83.3%	83.3% #6A7EAB	RGB 106 126 171	#6A7EAB
100.0%	100.0% #5E75A5	RGB 94 117 165	#5E75A5

#B2B7CC #A2A9C5 #939DBF #8592B8 #7787B2 #6A7EAB #5E75A5

#B2B7CC - #8592B8 - #5E75A5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2B7CC 0%, #8592B8 50%, #5E75A5 100%);
    background: -webkit-linear-gradient(top, #B2B7CC 0%, #8592B8 50%, #5E75A5 100%);
    background: linear-gradient(to bottom, #B2B7CC 0%, #8592B8 50%, #5E75A5 100%);
}
</style>