#B8BBD6 - #5B5E93 | 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 #B8BBD6 to #5B5E93

#B8BBD6 #5B5E93

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

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

0.0%	0.0% #B8BBD6	RGB 184 187 214	#B8BBD6
16.7%	16.7% #A8ABCA	RGB 168 171 202	#A8ABCA
33.3%	33.3% #999CBF	RGB 153 156 191	#999CBF
50.0%	50.0% #898CB4	RGB 137 140 180	#898CB4
66.7%	66.7% #7A7DA9	RGB 122 125 169	#7A7DA9
83.3%	83.3% #6A6D9E	RGB 106 109 158	#6A6D9E
100.0%	100.0% #5B5E93	RGB 91 94 147	#5B5E93

#B8BBD6 #A8ABCA #999CBF #898CB4 #7A7DA9 #6A6D9E #5B5E93

#B8BBD6 - #5B5E93

HSV Blend

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

0.0%	0.0% #B8BBD6	RGB 184 187 214	#B8BBD6
16.7%	16.7% #A6A9CA	RGB 166 169 202	#A6A9CA
33.3%	33.3% #9598BF	RGB 149 152 191	#9598BF
50.0%	50.0% #8589B4	RGB 133 137 180	#8589B4
66.7%	66.7% #7679A9	RGB 118 121 169	#7679A9
83.3%	83.3% #686B9E	RGB 104 107 158	#686B9E
100.0%	100.0% #5B5E93	RGB 91 94 147	#5B5E93

#B8BBD6 #A6A9CA #9598BF #8589B4 #7679A9 #686B9E #5B5E93

#B8BBD6 - #8589B4 - #5B5E93

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8BBD6 0%, #8589B4 50%, #5B5E93 100%);
    background: -webkit-linear-gradient(top, #B8BBD6 0%, #8589B4 50%, #5B5E93 100%);
    background: linear-gradient(to bottom, #B8BBD6 0%, #8589B4 50%, #5B5E93 100%);
}
</style>