#B6B7C5 - #666A8F | 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 #B6B7C5 to #666A8F

#B6B7C5 #666A8F

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

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

0.0%	0.0% #B6B7C5	RGB 182 183 197	#B6B7C5
16.7%	16.7% #A8AABC	RGB 168 170 188	#A8AABC
33.3%	33.3% #9B9DB3	RGB 155 157 179	#9B9DB3
50.0%	50.0% #8E90AA	RGB 142 144 170	#8E90AA
66.7%	66.7% #8083A1	RGB 128 131 161	#8083A1
83.3%	83.3% #737698	RGB 115 118 152	#737698
100.0%	100.0% #666A8F	RGB 102 106 143	#666A8F

#B6B7C5 #A8AABC #9B9DB3 #8E90AA #8083A1 #737698 #666A8F

#B6B7C5 - #666A8F

HSV Blend

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

0.0%	0.0% #B6B7C5	RGB 182 183 197	#B6B7C5
16.7%	16.7% #A7A8BC	RGB 167 168 188	#A7A8BC
33.3%	33.3% #989AB3	RGB 152 154 179	#989AB3
50.0%	50.0% #8B8DAA	RGB 139 141 170	#8B8DAA
66.7%	66.7% #7E81A1	RGB 126 129 161	#7E81A1
83.3%	83.3% #717598	RGB 113 117 152	#717598
100.0%	100.0% #666A8F	RGB 102 106 143	#666A8F

#B6B7C5 #A7A8BC #989AB3 #8B8DAA #7E81A1 #717598 #666A8F

#B6B7C5 - #8B8DAA - #666A8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6B7C5 0%, #8B8DAA 50%, #666A8F 100%);
    background: -webkit-linear-gradient(top, #B6B7C5 0%, #8B8DAA 50%, #666A8F 100%);
    background: linear-gradient(to bottom, #B6B7C5 0%, #8B8DAA 50%, #666A8F 100%);
}
</style>