#B8B9CF - #5E6390 | 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 #B8B9CF to #5E6390

#B8B9CF #5E6390

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

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

0.0%	0.0% #B8B9CF	RGB 184 185 207	#B8B9CF
16.7%	16.7% #A9AAC4	RGB 169 170 196	#A9AAC4
33.3%	33.3% #9A9CBA	RGB 154 156 186	#9A9CBA
50.0%	50.0% #8B8EAF	RGB 139 142 175	#8B8EAF
66.7%	66.7% #7C7FA5	RGB 124 127 165	#7C7FA5
83.3%	83.3% #6D719A	RGB 109 113 154	#6D719A
100.0%	100.0% #5E6390	RGB 94 99 144	#5E6390

#B8B9CF #A9AAC4 #9A9CBA #8B8EAF #7C7FA5 #6D719A #5E6390

#B8B9CF - #5E6390

HSV Blend

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

0.0%	0.0% #B8B9CF	RGB 184 185 207	#B8B9CF
16.7%	16.7% #A6A8C4	RGB 166 168 196	#A6A8C4
33.3%	33.3% #9698BA	RGB 150 152 186	#9698BA
50.0%	50.0% #878AAF	RGB 135 138 175	#878AAF
66.7%	66.7% #787CA5	RGB 120 124 165	#787CA5
83.3%	83.3% #6A6F9A	RGB 106 111 154	#6A6F9A
100.0%	100.0% #5E6390	RGB 94 99 144	#5E6390

#B8B9CF #A6A8C4 #9698BA #878AAF #787CA5 #6A6F9A #5E6390

#B8B9CF - #878AAF - #5E6390

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8B9CF 0%, #878AAF 50%, #5E6390 100%);
    background: -webkit-linear-gradient(top, #B8B9CF 0%, #878AAF 50%, #5E6390 100%);
    background: linear-gradient(to bottom, #B8B9CF 0%, #878AAF 50%, #5E6390 100%);
}
</style>