#B6B693 - #C0C7CF | 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 #B6B693 to #C0C7CF

#B6B693 #C0C7CF

Calculate the color between two colors, #B6B693 and #C0C7CF. 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)

#B6B693 - #C0C7CF | 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 #B6B693 as 0% and #C0C7CF as 100%.

0.0%	0.0% #B6B693	RGB 182 182 147	#B6B693
16.7%	16.7% #B7B89D	RGB 183 184 157	#B7B89D
33.3%	33.3% #B9BBA7	RGB 185 187 167	#B9BBA7
50.0%	50.0% #BBBEB1	RGB 187 190 177	#BBBEB1
66.7%	66.7% #BCC1BB	RGB 188 193 187	#BCC1BB
83.3%	83.3% #BEC4C5	RGB 190 196 197	#BEC4C5
100.0%	100.0% #C0C7CF	RGB 192 199 207	#C0C7CF

#B6B693 #B7B89D #B9BBA7 #BBBEB1 #BCC1BB #BEC4C5 #C0C7CF

#B6B693 - #C0C7CF

HSV Blend

#B6B693 - #C0C7CF | 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 #B6B693 as 0% and #C0C7CF as 100%.

0.0%	0.0% #B6B693	RGB 182 182 147	#B6B693
16.7%	16.7% #ACBA9A	RGB 172 186 154	#ACBA9A
33.3%	33.3% #A5BEA1	RGB 165 190 161	#A5BEA1
50.0%	50.0% #A8C2AF	RGB 168 194 175	#A8C2AF
66.7%	66.7% #B0C6BF	RGB 176 198 191	#B0C6BF
83.3%	83.3% #B8C8CA	RGB 184 200 202	#B8C8CA
100.0%	100.0% #C0C7CF	RGB 192 199 207	#C0C7CF

#B6B693 #ACBA9A #A5BEA1 #A8C2AF #B0C6BF #B8C8CA #C0C7CF

#B6B693 - #A8C2AF - #C0C7CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6B693 0%, #A8C2AF 50%, #C0C7CF 100%);
    background: -webkit-linear-gradient(top, #B6B693 0%, #A8C2AF 50%, #C0C7CF 100%);
    background: linear-gradient(to bottom, #B6B693 0%, #A8C2AF 50%, #C0C7CF 100%);
}
</style>