#B5A1A8 - #332E2F | 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 #B5A1A8 to #332E2F

#B5A1A8 #332E2F

Calculate the color between two colors, #B5A1A8 and #332E2F. 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)

#B5A1A8 - #332E2F | 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 #B5A1A8 as 0% and #332E2F as 100%.

0.0%	0.0% #B5A1A8	RGB 181 161 168	#B5A1A8
16.7%	16.7% #9F8D93	RGB 159 141 147	#9F8D93
33.3%	33.3% #897A7F	RGB 137 122 127	#897A7F
50.0%	50.0% #74676B	RGB 116 103 107	#74676B
66.7%	66.7% #5E5457	RGB 94 84 87	#5E5457
83.3%	83.3% #484143	RGB 72 65 67	#484143
100.0%	100.0% #332E2F	RGB 51 46 47	#332E2F

#B5A1A8 #9F8D93 #897A7F #74676B #5E5457 #484143 #332E2F

#B5A1A8 - #332E2F

HSV Blend

#B5A1A8 - #332E2F | 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 #B5A1A8 as 0% and #332E2F as 100%.

0.0%	0.0% #B5A1A8	RGB 181 161 168	#B5A1A8
16.7%	16.7% #9F8E93	RGB 159 142 147	#9F8E93
33.3%	33.3% #897B7F	RGB 137 123 127	#897B7F
50.0%	50.0% #74676B	RGB 116 103 107	#74676B
66.7%	66.7% #5E5457	RGB 94 84 87	#5E5457
83.3%	83.3% #484143	RGB 72 65 67	#484143
100.0%	100.0% #332E2F	RGB 51 46 47	#332E2F

#B5A1A8 #9F8E93 #897B7F #74676B #5E5457 #484143 #332E2F

#B5A1A8 - #74676B - #332E2F

CSS codes

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

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