#B6B5C0 - #333336 | 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 #B6B5C0 to #333336

#B6B5C0 #333336

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

#B6B5C0 - #333336 | 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 #B6B5C0 as 0% and #333336 as 100%.

0.0%	0.0% #B6B5C0	RGB 182 181 192	#B6B5C0
16.7%	16.7% #A09FA9	RGB 160 159 169	#A09FA9
33.3%	33.3% #8A8992	RGB 138 137 146	#8A8992
50.0%	50.0% #74747B	RGB 116 116 123	#74747B
66.7%	66.7% #5E5E64	RGB 94 94 100	#5E5E64
83.3%	83.3% #48484D	RGB 72 72 77	#48484D
100.0%	100.0% #333336	RGB 51 51 54	#333336

#B6B5C0 #A09FA9 #8A8992 #74747B #5E5E64 #48484D #333336

#B6B5C0 - #333336

HSV Blend

#B6B5C0 - #333336 | 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 #B6B5C0 as 0% and #333336 as 100%.

0.0%	0.0% #B6B5C0	RGB 182 181 192	#B6B5C0
16.7%	16.7% #A09FA9	RGB 160 159 169	#A09FA9
33.3%	33.3% #8A8992	RGB 138 137 146	#8A8992
50.0%	50.0% #74747B	RGB 116 116 123	#74747B
66.7%	66.7% #5E5E64	RGB 94 94 100	#5E5E64
83.3%	83.3% #48484D	RGB 72 72 77	#48484D
100.0%	100.0% #333336	RGB 51 51 54	#333336

#B6B5C0 #A09FA9 #8A8992 #74747B #5E5E64 #48484D #333336

#B6B5C0 - #74747B - #333336

CSS codes

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

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