#6475A8 - #B6B7BF | 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 #6475A8 to #B6B7BF

#6475A8 #B6B7BF

Calculate the color between two colors, #6475A8 and #B6B7BF. 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)

#6475A8 - #B6B7BF | 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 #6475A8 as 0% and #B6B7BF as 100%.

0.0%	0.0% #6475A8	RGB 100 117 168	#6475A8
16.7%	16.7% #7180AB	RGB 113 128 171	#7180AB
33.3%	33.3% #7F8BAF	RGB 127 139 175	#7F8BAF
50.0%	50.0% #8D96B3	RGB 141 150 179	#8D96B3
66.7%	66.7% #9AA1B7	RGB 154 161 183	#9AA1B7
83.3%	83.3% #A8ACBB	RGB 168 172 187	#A8ACBB
100.0%	100.0% #B6B7BF	RGB 182 183 191	#B6B7BF

#6475A8 #7180AB #7F8BAF #8D96B3 #9AA1B7 #A8ACBB #B6B7BF

#6475A8 - #B6B7BF

HSV Blend

#6475A8 - #B6B7BF | 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 #6475A8 as 0% and #B6B7BF as 100%.

0.0%	0.0% #6475A8	RGB 100 117 168	#6475A8
16.7%	16.7% #707DAB	RGB 112 125 171	#707DAB
33.3%	33.3% #7D87AF	RGB 125 135 175	#7D87AF
50.0%	50.0% #8A92B3	RGB 138 146 179	#8A92B3
66.7%	66.7% #989DB7	RGB 152 157 183	#989DB7
83.3%	83.3% #A7A9BB	RGB 167 169 187	#A7A9BB
100.0%	100.0% #B6B7BF	RGB 182 183 191	#B6B7BF

#6475A8 #707DAB #7D87AF #8A92B3 #989DB7 #A7A9BB #B6B7BF

#6475A8 - #8A92B3 - #B6B7BF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6475A8 0%, #8A92B3 50%, #B6B7BF 100%);
    background: -webkit-linear-gradient(top, #6475A8 0%, #8A92B3 50%, #B6B7BF 100%);
    background: linear-gradient(to bottom, #6475A8 0%, #8A92B3 50%, #B6B7BF 100%);
}
</style>