#B5A8AF - #333031 | 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 #B5A8AF to #333031

#B5A8AF #333031

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

#B5A8AF - #333031 | 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 #B5A8AF as 0% and #333031 as 100%.

0.0%	0.0% #B5A8AF	RGB 181 168 175	#B5A8AF
16.7%	16.7% #9F949A	RGB 159 148 154	#9F949A
33.3%	33.3% #898085	RGB 137 128 133	#898085
50.0%	50.0% #746C70	RGB 116 108 112	#746C70
66.7%	66.7% #5E585B	RGB 94 88 91	#5E585B
83.3%	83.3% #484446	RGB 72 68 70	#484446
100.0%	100.0% #333031	RGB 51 48 49	#333031

#B5A8AF #9F949A #898085 #746C70 #5E585B #484446 #333031

#B5A8AF - #333031

HSV Blend

#B5A8AF - #333031 | 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 #B5A8AF as 0% and #333031 as 100%.

0.0%	0.0% #B5A8AF	RGB 181 168 175	#B5A8AF
16.7%	16.7% #9F9499	RGB 159 148 153	#9F9499
33.3%	33.3% #898084	RGB 137 128 132	#898084
50.0%	50.0% #746C6F	RGB 116 108 111	#746C6F
66.7%	66.7% #5E585A	RGB 94 88 90	#5E585A
83.3%	83.3% #484445	RGB 72 68 69	#484445
100.0%	100.0% #333031	RGB 51 48 49	#333031

#B5A8AF #9F9499 #898084 #746C6F #5E585A #484445 #333031

#B5A8AF - #746C6F - #333031

CSS codes

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

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