#BCC1B6 - #747E5E | 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 #BCC1B6 to #747E5E

#BCC1B6 #747E5E

Calculate the color between two colors, #BCC1B6 and #747E5E. 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)

#BCC1B6 - #747E5E | 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 #BCC1B6 as 0% and #747E5E as 100%.

0.0%	0.0% #BCC1B6	RGB 188 193 182	#BCC1B6
16.7%	16.7% #B0B5A7	RGB 176 181 167	#B0B5A7
33.3%	33.3% #A4AA98	RGB 164 170 152	#A4AA98
50.0%	50.0% #989F8A	RGB 152 159 138	#989F8A
66.7%	66.7% #8C947B	RGB 140 148 123	#8C947B
83.3%	83.3% #80896C	RGB 128 137 108	#80896C
100.0%	100.0% #747E5E	RGB 116 126 94	#747E5E

#BCC1B6 #B0B5A7 #A4AA98 #989F8A #8C947B #80896C #747E5E

#BCC1B6 - #747E5E

HSV Blend

#BCC1B6 - #747E5E | 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 #BCC1B6 as 0% and #747E5E as 100%.

0.0%	0.0% #BCC1B6	RGB 188 193 182	#BCC1B6
16.7%	16.7% #AEB5A5	RGB 174 181 165	#AEB5A5
33.3%	33.3% #A2AA95	RGB 162 170 149	#A2AA95
50.0%	50.0% #959F86	RGB 149 159 134	#959F86
66.7%	66.7% #8A9478	RGB 138 148 120	#8A9478
83.3%	83.3% #7E896A	RGB 126 137 106	#7E896A
100.0%	100.0% #747E5E	RGB 116 126 94	#747E5E

#BCC1B6 #AEB5A5 #A2AA95 #959F86 #8A9478 #7E896A #747E5E

#BCC1B6 - #959F86 - #747E5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCC1B6 0%, #959F86 50%, #747E5E 100%);
    background: -webkit-linear-gradient(top, #BCC1B6 0%, #959F86 50%, #747E5E 100%);
    background: linear-gradient(to bottom, #BCC1B6 0%, #959F86 50%, #747E5E 100%);
}
</style>