#B3B9DA - #5E62AE | 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 #B3B9DA to #5E62AE

#B3B9DA #5E62AE

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

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

0.0%	0.0% #B3B9DA	RGB 179 185 218	#B3B9DA
16.7%	16.7% #A4AAD2	RGB 164 170 210	#A4AAD2
33.3%	33.3% #969CCB	RGB 150 156 203	#969CCB
50.0%	50.0% #888DC4	RGB 136 141 196	#888DC4
66.7%	66.7% #7A7FBC	RGB 122 127 188	#7A7FBC
83.3%	83.3% #6C70B5	RGB 108 112 181	#6C70B5
100.0%	100.0% #5E62AE	RGB 94 98 174	#5E62AE

#B3B9DA #A4AAD2 #969CCB #888DC4 #7A7FBC #6C70B5 #5E62AE

#B3B9DA - #5E62AE

HSV Blend

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

0.0%	0.0% #B3B9DA	RGB 179 185 218	#B3B9DA
16.7%	16.7% #A3A9D2	RGB 163 169 210	#A3A9D2
33.3%	33.3% #939ACB	RGB 147 154 203	#939ACB
50.0%	50.0% #858BC4	RGB 133 139 196	#858BC4
66.7%	66.7% #777DBC	RGB 119 125 188	#777DBC
83.3%	83.3% #6A6FB5	RGB 106 111 181	#6A6FB5
100.0%	100.0% #5E62AE	RGB 94 98 174	#5E62AE

#B3B9DA #A3A9D2 #939ACB #858BC4 #777DBC #6A6FB5 #5E62AE

#B3B9DA - #858BC4 - #5E62AE

CSS codes

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

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