#B5ACA1 - #33312E | 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 #B5ACA1 to #33312E

#B5ACA1 #33312E

Calculate the color between two colors, #B5ACA1 and #33312E. 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)

#B5ACA1 - #33312E | 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 #B5ACA1 as 0% and #33312E as 100%.

0.0%	0.0% #B5ACA1	RGB 181 172 161	#B5ACA1
16.7%	16.7% #9F978D	RGB 159 151 141	#9F978D
33.3%	33.3% #89837A	RGB 137 131 122	#89837A
50.0%	50.0% #746E67	RGB 116 110 103	#746E67
66.7%	66.7% #5E5A54	RGB 94 90 84	#5E5A54
83.3%	83.3% #484541	RGB 72 69 65	#484541
100.0%	100.0% #33312E	RGB 51 49 46	#33312E

#B5ACA1 #9F978D #89837A #746E67 #5E5A54 #484541 #33312E

#B5ACA1 - #33312E

HSV Blend

#B5ACA1 - #33312E | 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 #B5ACA1 as 0% and #33312E as 100%.

0.0%	0.0% #B5ACA1	RGB 181 172 161	#B5ACA1
16.7%	16.7% #9F978E	RGB 159 151 142	#9F978E
33.3%	33.3% #89837B	RGB 137 131 123	#89837B
50.0%	50.0% #746E67	RGB 116 110 103	#746E67
66.7%	66.7% #5E5A54	RGB 94 90 84	#5E5A54
83.3%	83.3% #484541	RGB 72 69 65	#484541
100.0%	100.0% #33312E	RGB 51 49 46	#33312E

#B5ACA1 #9F978E #89837B #746E67 #5E5A54 #484541 #33312E

#B5ACA1 - #746E67 - #33312E

CSS codes

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

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