#B5B8CA - #5E6389 | 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 #B5B8CA to #5E6389

#B5B8CA #5E6389

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

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

0.0%	0.0% #B5B8CA	RGB 181 184 202	#B5B8CA
16.7%	16.7% #A6A9BF	RGB 166 169 191	#A6A9BF
33.3%	33.3% #989BB4	RGB 152 155 180	#989BB4
50.0%	50.0% #898DA9	RGB 137 141 169	#898DA9
66.7%	66.7% #7B7F9E	RGB 123 127 158	#7B7F9E
83.3%	83.3% #6C7193	RGB 108 113 147	#6C7193
100.0%	100.0% #5E6389	RGB 94 99 137	#5E6389

#B5B8CA #A6A9BF #989BB4 #898DA9 #7B7F9E #6C7193 #5E6389

#B5B8CA - #5E6389

HSV Blend

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

0.0%	0.0% #B5B8CA	RGB 181 184 202	#B5B8CA
16.7%	16.7% #A4A8BF	RGB 164 168 191	#A4A8BF
33.3%	33.3% #9499B4	RGB 148 153 180	#9499B4
50.0%	50.0% #868AA9	RGB 134 138 169	#868AA9
66.7%	66.7% #777C9E	RGB 119 124 158	#777C9E
83.3%	83.3% #6A6F93	RGB 106 111 147	#6A6F93
100.0%	100.0% #5E6389	RGB 94 99 137	#5E6389

#B5B8CA #A4A8BF #9499B4 #868AA9 #777C9E #6A6F93 #5E6389

#B5B8CA - #868AA9 - #5E6389

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5B8CA 0%, #868AA9 50%, #5E6389 100%);
    background: -webkit-linear-gradient(top, #B5B8CA 0%, #868AA9 50%, #5E6389 100%);
    background: linear-gradient(to bottom, #B5B8CA 0%, #868AA9 50%, #5E6389 100%);
}
</style>