#BFBDC0 - #5E6D7D | 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 #BFBDC0 to #5E6D7D

#BFBDC0 #5E6D7D

Calculate the color between two colors, #BFBDC0 and #5E6D7D. 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)

#BFBDC0 - #5E6D7D | 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 #BFBDC0 as 0% and #5E6D7D as 100%.

0.0%	0.0% #BFBDC0	RGB 191 189 192	#BFBDC0
16.7%	16.7% #AEAFB4	RGB 174 175 180	#AEAFB4
33.3%	33.3% #9EA2A9	RGB 158 162 169	#9EA2A9
50.0%	50.0% #8E959E	RGB 142 149 158	#8E959E
66.7%	66.7% #7E8793	RGB 126 135 147	#7E8793
83.3%	83.3% #6E7A88	RGB 110 122 136	#6E7A88
100.0%	100.0% #5E6D7D	RGB 94 109 125	#5E6D7D

#BFBDC0 #AEAFB4 #9EA2A9 #8E959E #7E8793 #6E7A88 #5E6D7D

#BFBDC0 - #5E6D7D

HSV Blend

#BFBDC0 - #5E6D7D | 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 #BFBDC0 as 0% and #5E6D7D as 100%.

0.0%	0.0% #BFBDC0	RGB 191 189 192	#BFBDC0
16.7%	16.7% #AFABB4	RGB 175 171 180	#AFABB4
33.3%	33.3% #9E99A9	RGB 158 153 169	#9E99A9
50.0%	50.0% #8B899E	RGB 139 137 158	#8B899E
66.7%	66.7% #7A7C93	RGB 122 124 147	#7A7C93
83.3%	83.3% #6B7388	RGB 107 115 136	#6B7388
100.0%	100.0% #5E6D7D	RGB 94 109 125	#5E6D7D

#BFBDC0 #AFABB4 #9E99A9 #8B899E #7A7C93 #6B7388 #5E6D7D

#BFBDC0 - #8B899E - #5E6D7D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFBDC0 0%, #8B899E 50%, #5E6D7D 100%);
    background: -webkit-linear-gradient(top, #BFBDC0 0%, #8B899E 50%, #5E6D7D 100%);
    background: linear-gradient(to bottom, #BFBDC0 0%, #8B899E 50%, #5E6D7D 100%);
}
</style>