#BFBEC1 - #6F667E | 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 #BFBEC1 to #6F667E

#BFBEC1 #6F667E

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

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

0.0%	0.0% #BFBEC1	RGB 191 190 193	#BFBEC1
16.7%	16.7% #B1AFB5	RGB 177 175 181	#B1AFB5
33.3%	33.3% #A4A0AA	RGB 164 160 170	#A4A0AA
50.0%	50.0% #97929F	RGB 151 146 159	#97929F
66.7%	66.7% #898394	RGB 137 131 148	#898394
83.3%	83.3% #7C7489	RGB 124 116 137	#7C7489
100.0%	100.0% #6F667E	RGB 111 102 126	#6F667E

#BFBEC1 #B1AFB5 #A4A0AA #97929F #898394 #7C7489 #6F667E

#BFBEC1 - #6F667E

HSV Blend

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

0.0%	0.0% #BFBEC1	RGB 191 190 193	#BFBEC1
16.7%	16.7% #B0ADB5	RGB 176 173 181	#B0ADB5
33.3%	33.3% #A29EAA	RGB 162 158 170	#A29EAA
50.0%	50.0% #948F9F	RGB 148 143 159	#948F9F
66.7%	66.7% #878094	RGB 135 128 148	#878094
83.3%	83.3% #7B7389	RGB 123 115 137	#7B7389
100.0%	100.0% #6F667E	RGB 111 102 126	#6F667E

#BFBEC1 #B0ADB5 #A29EAA #948F9F #878094 #7B7389 #6F667E

#BFBEC1 - #948F9F - #6F667E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFBEC1 0%, #948F9F 50%, #6F667E 100%);
    background: -webkit-linear-gradient(top, #BFBEC1 0%, #948F9F 50%, #6F667E 100%);
    background: linear-gradient(to bottom, #BFBEC1 0%, #948F9F 50%, #6F667E 100%);
}
</style>