#BDC0BE - #7B7D5E | 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 #7B7D5E

#BDC0BE #7B7D5E

Calculate the color between two colors, #BDC0BE and #7B7D5E. 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 - #7B7D5E | 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 #7B7D5E as 100%.

0.0%	0.0% #BDC0BE	RGB 189 192 190	#BDC0BE
16.7%	16.7% #B2B4AE	RGB 178 180 174	#B2B4AE
33.3%	33.3% #A7A99E	RGB 167 169 158	#A7A99E
50.0%	50.0% #9C9E8E	RGB 156 158 142	#9C9E8E
66.7%	66.7% #91937E	RGB 145 147 126	#91937E
83.3%	83.3% #86886E	RGB 134 136 110	#86886E
100.0%	100.0% #7B7D5E	RGB 123 125 94	#7B7D5E

#BDC0BE #B2B4AE #A7A99E #9C9E8E #91937E #86886E #7B7D5E

#BDC0BE - #7B7D5E

HSV Blend

#BDC0BE - #7B7D5E | 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 #7B7D5E 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% #9BA999	RGB 155 169 153	#9BA999
50.0%	50.0% #8F9E89	RGB 143 158 137	#8F9E89
66.7%	66.7% #87937A	RGB 135 147 122	#87937A
83.3%	83.3% #80886B	RGB 128 136 107	#80886B
100.0%	100.0% #7B7D5E	RGB 123 125 94	#7B7D5E

#BDC0BE #ABB4AC #9BA999 #8F9E89 #87937A #80886B #7B7D5E

#BDC0BE - #8F9E89 - #7B7D5E

CSS codes

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

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