#B5C0FD - #333648 | 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 #B5C0FD to #333648

#B5C0FD #333648

Calculate the color between two colors, #B5C0FD and #333648. 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)

#B5C0FD - #333648 | 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 #B5C0FD as 0% and #333648 as 100%.

0.0%	0.0% #B5C0FD	RGB 181 192 253	#B5C0FD
16.7%	16.7% #9FA9DE	RGB 159 169 222	#9FA9DE
33.3%	33.3% #8992C0	RGB 137 146 192	#8992C0
50.0%	50.0% #747BA2	RGB 116 123 162	#747BA2
66.7%	66.7% #5E6484	RGB 94 100 132	#5E6484
83.3%	83.3% #484D66	RGB 72 77 102	#484D66
100.0%	100.0% #333648	RGB 51 54 72	#333648

#B5C0FD #9FA9DE #8992C0 #747BA2 #5E6484 #484D66 #333648

#B5C0FD - #333648

HSV Blend

#B5C0FD - #333648 | 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 #B5C0FD as 0% and #333648 as 100%.

0.0%	0.0% #B5C0FD	RGB 181 192 253	#B5C0FD
16.7%	16.7% #9FA8DE	RGB 159 168 222	#9FA8DE
33.3%	33.3% #8991C0	RGB 137 145 192	#8991C0
50.0%	50.0% #737AA2	RGB 115 122 162	#737AA2
66.7%	66.7% #5E6384	RGB 94 99 132	#5E6384
83.3%	83.3% #484C66	RGB 72 76 102	#484C66
100.0%	100.0% #333648	RGB 51 54 72	#333648

#B5C0FD #9FA8DE #8991C0 #737AA2 #5E6384 #484C66 #333648

#B5C0FD - #737AA2 - #333648

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5C0FD 0%, #737AA2 50%, #333648 100%);
    background: -webkit-linear-gradient(top, #B5C0FD 0%, #737AA2 50%, #333648 100%);
    background: linear-gradient(to bottom, #B5C0FD 0%, #737AA2 50%, #333648 100%);
}
</style>