#B3B8CD - #5E6598 | 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 #B3B8CD to #5E6598

#B3B8CD #5E6598

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

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

0.0%	0.0% #B3B8CD	RGB 179 184 205	#B3B8CD
16.7%	16.7% #A4AAC4	RGB 164 170 196	#A4AAC4
33.3%	33.3% #969CBB	RGB 150 156 187	#969CBB
50.0%	50.0% #888EB2	RGB 136 142 178	#888EB2
66.7%	66.7% #7A80A9	RGB 122 128 169	#7A80A9
83.3%	83.3% #6C72A0	RGB 108 114 160	#6C72A0
100.0%	100.0% #5E6598	RGB 94 101 152	#5E6598

#B3B8CD #A4AAC4 #969CBB #888EB2 #7A80A9 #6C72A0 #5E6598

#B3B8CD - #5E6598

HSV Blend

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

0.0%	0.0% #B3B8CD	RGB 179 184 205	#B3B8CD
16.7%	16.7% #A2A8C4	RGB 162 168 196	#A2A8C4
33.3%	33.3% #939ABB	RGB 147 154 187	#939ABB
50.0%	50.0% #858CB2	RGB 133 140 178	#858CB2
66.7%	66.7% #777EA9	RGB 119 126 169	#777EA9
83.3%	83.3% #6A71A0	RGB 106 113 160	#6A71A0
100.0%	100.0% #5E6598	RGB 94 101 152	#5E6598

#B3B8CD #A2A8C4 #939ABB #858CB2 #777EA9 #6A71A0 #5E6598

#B3B8CD - #858CB2 - #5E6598

CSS codes

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

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