#B5A2B7 - #332E34 | 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 #B5A2B7 to #332E34

#B5A2B7 #332E34

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

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

0.0%	0.0% #B5A2B7	RGB 181 162 183	#B5A2B7
16.7%	16.7% #9F8EA1	RGB 159 142 161	#9F8EA1
33.3%	33.3% #897B8B	RGB 137 123 139	#897B8B
50.0%	50.0% #746875	RGB 116 104 117	#746875
66.7%	66.7% #5E545F	RGB 94 84 95	#5E545F
83.3%	83.3% #484149	RGB 72 65 73	#484149
100.0%	100.0% #332E34	RGB 51 46 52	#332E34

#B5A2B7 #9F8EA1 #897B8B #746875 #5E545F #484149 #332E34

#B5A2B7 - #332E34

HSV Blend

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

0.0%	0.0% #B5A2B7	RGB 181 162 183	#B5A2B7
16.7%	16.7% #9F8EA1	RGB 159 142 161	#9F8EA1
33.3%	33.3% #897B8B	RGB 137 123 139	#897B8B
50.0%	50.0% #736775	RGB 115 103 117	#736775
66.7%	66.7% #5E545F	RGB 94 84 95	#5E545F
83.3%	83.3% #484149	RGB 72 65 73	#484149
100.0%	100.0% #332E34	RGB 51 46 52	#332E34

#B5A2B7 #9F8EA1 #897B8B #736775 #5E545F #484149 #332E34

#B5A2B7 - #736775 - #332E34

CSS codes

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

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