#BAC1B5 - #6B7E60 | 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 #BAC1B5 to #6B7E60

#BAC1B5 #6B7E60

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

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

0.0%	0.0% #BAC1B5	RGB 186 193 181	#BAC1B5
16.7%	16.7% #ACB5A6	RGB 172 181 166	#ACB5A6
33.3%	33.3% #9FAA98	RGB 159 170 152	#9FAA98
50.0%	50.0% #929F8A	RGB 146 159 138	#929F8A
66.7%	66.7% #85947C	RGB 133 148 124	#85947C
83.3%	83.3% #78896E	RGB 120 137 110	#78896E
100.0%	100.0% #6B7E60	RGB 107 126 96	#6B7E60

#BAC1B5 #ACB5A6 #9FAA98 #929F8A #85947C #78896E #6B7E60

#BAC1B5 - #6B7E60

HSV Blend

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

0.0%	0.0% #BAC1B5	RGB 186 193 181	#BAC1B5
16.7%	16.7% #ABB5A5	RGB 171 181 165	#ABB5A5
33.3%	33.3% #9EAA96	RGB 158 170 150	#9EAA96
50.0%	50.0% #909F87	RGB 144 159 135	#909F87
66.7%	66.7% #839479	RGB 131 148 121	#839479
83.3%	83.3% #77896C	RGB 119 137 108	#77896C
100.0%	100.0% #6B7E60	RGB 107 126 96	#6B7E60

#BAC1B5 #ABB5A5 #9EAA96 #909F87 #839479 #77896C #6B7E60

#BAC1B5 - #909F87 - #6B7E60

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BAC1B5 0%, #909F87 50%, #6B7E60 100%);
    background: -webkit-linear-gradient(top, #BAC1B5 0%, #909F87 50%, #6B7E60 100%);
    background: linear-gradient(to bottom, #BAC1B5 0%, #909F87 50%, #6B7E60 100%);
}
</style>