#B8ABA1 - #34302E | 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 #B8ABA1 to #34302E

#B8ABA1 #34302E

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

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

0.0%	0.0% #B8ABA1	RGB 184 171 161	#B8ABA1
16.7%	16.7% #A2968D	RGB 162 150 141	#A2968D
33.3%	33.3% #8C827A	RGB 140 130 122	#8C827A
50.0%	50.0% #766D67	RGB 118 109 103	#766D67
66.7%	66.7% #605954	RGB 96 89 84	#605954
83.3%	83.3% #4A4441	RGB 74 68 65	#4A4441
100.0%	100.0% #34302E	RGB 52 48 46	#34302E

#B8ABA1 #A2968D #8C827A #766D67 #605954 #4A4441 #34302E

#B8ABA1 - #34302E

HSV Blend

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

0.0%	0.0% #B8ABA1	RGB 184 171 161	#B8ABA1
16.7%	16.7% #A2968E	RGB 162 150 142	#A2968E
33.3%	33.3% #8C817A	RGB 140 129 122	#8C817A
50.0%	50.0% #766D67	RGB 118 109 103	#766D67
66.7%	66.7% #605854	RGB 96 88 84	#605854
83.3%	83.3% #4A4441	RGB 74 68 65	#4A4441
100.0%	100.0% #34302E	RGB 52 48 46	#34302E

#B8ABA1 #A2968E #8C817A #766D67 #605854 #4A4441 #34302E

#B8ABA1 - #766D67 - #34302E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8ABA1 0%, #766D67 50%, #34302E 100%);
    background: -webkit-linear-gradient(top, #B8ABA1 0%, #766D67 50%, #34302E 100%);
    background: linear-gradient(to bottom, #B8ABA1 0%, #766D67 50%, #34302E 100%);
}
</style>