#B6B6CF - #546A8F | 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 #B6B6CF to #546A8F

#B6B6CF #546A8F

Calculate the color between two colors, #B6B6CF and #546A8F. 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)

#B6B6CF - #546A8F | 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 #B6B6CF as 0% and #546A8F as 100%.

0.0%	0.0% #B6B6CF	RGB 182 182 207	#B6B6CF
16.7%	16.7% #A5A9C4	RGB 165 169 196	#A5A9C4
33.3%	33.3% #959CB9	RGB 149 156 185	#959CB9
50.0%	50.0% #8590AF	RGB 133 144 175	#8590AF
66.7%	66.7% #7483A4	RGB 116 131 164	#7483A4
83.3%	83.3% #647699	RGB 100 118 153	#647699
100.0%	100.0% #546A8F	RGB 84 106 143	#546A8F

#B6B6CF #A5A9C4 #959CB9 #8590AF #7483A4 #647699 #546A8F

#B6B6CF - #546A8F

HSV Blend

#B6B6CF - #546A8F | 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 #B6B6CF as 0% and #546A8F as 100%.

0.0%	0.0% #B6B6CF	RGB 182 182 207	#B6B6CF
16.7%	16.7% #A3A5C4	RGB 163 165 196	#A3A5C4
33.3%	33.3% #9196B9	RGB 145 150 185	#9196B9
50.0%	50.0% #8089AF	RGB 128 137 175	#8089AF
66.7%	66.7% #707DA4	RGB 112 125 164	#707DA4
83.3%	83.3% #617399	RGB 97 115 153	#617399
100.0%	100.0% #546A8F	RGB 84 106 143	#546A8F

#B6B6CF #A3A5C4 #9196B9 #8089AF #707DA4 #617399 #546A8F

#B6B6CF - #8089AF - #546A8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6B6CF 0%, #8089AF 50%, #546A8F 100%);
    background: -webkit-linear-gradient(top, #B6B6CF 0%, #8089AF 50%, #546A8F 100%);
    background: linear-gradient(to bottom, #B6B6CF 0%, #8089AF 50%, #546A8F 100%);
}
</style>