#BDC0BE - #6F7D5E | 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 #BDC0BE to #6F7D5E

#BDC0BE #6F7D5E

Calculate the color between two colors, #BDC0BE and #6F7D5E. 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)

#BDC0BE - #6F7D5E | 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 #BDC0BE as 0% and #6F7D5E as 100%.

0.0%	0.0% #BDC0BE	RGB 189 192 190	#BDC0BE
16.7%	16.7% #B0B4AE	RGB 176 180 174	#B0B4AE
33.3%	33.3% #A3A99E	RGB 163 169 158	#A3A99E
50.0%	50.0% #969E8E	RGB 150 158 142	#969E8E
66.7%	66.7% #89937E	RGB 137 147 126	#89937E
83.3%	83.3% #7C886E	RGB 124 136 110	#7C886E
100.0%	100.0% #6F7D5E	RGB 111 125 94	#6F7D5E

#BDC0BE #B0B4AE #A3A99E #969E8E #89937E #7C886E #6F7D5E

#BDC0BE - #6F7D5E

HSV Blend

#BDC0BE - #6F7D5E | 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 #BDC0BE as 0% and #6F7D5E as 100%.

0.0%	0.0% #BDC0BE	RGB 189 192 190	#BDC0BE
16.7%	16.7% #ABB4AC	RGB 171 180 172	#ABB4AC
33.3%	33.3% #99A99A	RGB 153 169 154	#99A99A
50.0%	50.0% #8B9E89	RGB 139 158 137	#8B9E89
66.7%	66.7% #80937A	RGB 128 147 122	#80937A
83.3%	83.3% #77886B	RGB 119 136 107	#77886B
100.0%	100.0% #6F7D5E	RGB 111 125 94	#6F7D5E

#BDC0BE #ABB4AC #99A99A #8B9E89 #80937A #77886B #6F7D5E

#BDC0BE - #8B9E89 - #6F7D5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDC0BE 0%, #8B9E89 50%, #6F7D5E 100%);
    background: -webkit-linear-gradient(top, #BDC0BE 0%, #8B9E89 50%, #6F7D5E 100%);
    background: linear-gradient(to bottom, #BDC0BE 0%, #8B9E89 50%, #6F7D5E 100%);
}
</style>