#BEC2BE - #757F5E | 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 #BEC2BE to #757F5E

#BEC2BE #757F5E

Calculate the color between two colors, #BEC2BE and #757F5E. 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)

#BEC2BE - #757F5E | 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 #BEC2BE as 0% and #757F5E as 100%.

0.0%	0.0% #BEC2BE	RGB 190 194 190	#BEC2BE
16.7%	16.7% #B1B6AE	RGB 177 182 174	#B1B6AE
33.3%	33.3% #A5AB9E	RGB 165 171 158	#A5AB9E
50.0%	50.0% #99A08E	RGB 153 160 142	#99A08E
66.7%	66.7% #8D957E	RGB 141 149 126	#8D957E
83.3%	83.3% #818A6E	RGB 129 138 110	#818A6E
100.0%	100.0% #757F5E	RGB 117 127 94	#757F5E

#BEC2BE #B1B6AE #A5AB9E #99A08E #8D957E #818A6E #757F5E

#BEC2BE - #757F5E

HSV Blend

#BEC2BE - #757F5E | 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 #BEC2BE as 0% and #757F5E as 100%.

0.0%	0.0% #BEC2BE	RGB 190 194 190	#BEC2BE
16.7%	16.7% #ADB6AB	RGB 173 182 171	#ADB6AB
33.3%	33.3% #9EAB9A	RGB 158 171 154	#9EAB9A
50.0%	50.0% #91A089	RGB 145 160 137	#91A089
66.7%	66.7% #86957A	RGB 134 149 122	#86957A
83.3%	83.3% #7D8A6B	RGB 125 138 107	#7D8A6B
100.0%	100.0% #757F5E	RGB 117 127 94	#757F5E

#BEC2BE #ADB6AB #9EAB9A #91A089 #86957A #7D8A6B #757F5E

#BEC2BE - #91A089 - #757F5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BEC2BE 0%, #91A089 50%, #757F5E 100%);
    background: -webkit-linear-gradient(top, #BEC2BE 0%, #91A089 50%, #757F5E 100%);
    background: linear-gradient(to bottom, #BEC2BE 0%, #91A089 50%, #757F5E 100%);
}
</style>