#B4A8AC - #81555E | 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 #B4A8AC to #81555E

#B4A8AC #81555E

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

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

0.0%	0.0% #B4A8AC	RGB 180 168 172	#B4A8AC
16.7%	16.7% #AB9A9F	RGB 171 154 159	#AB9A9F
33.3%	33.3% #A38C92	RGB 163 140 146	#A38C92
50.0%	50.0% #9A7E85	RGB 154 126 133	#9A7E85
66.7%	66.7% #927078	RGB 146 112 120	#927078
83.3%	83.3% #89626B	RGB 137 98 107	#89626B
100.0%	100.0% #81555E	RGB 129 85 94	#81555E

#B4A8AC #AB9A9F #A38C92 #9A7E85 #927078 #89626B #81555E

#B4A8AC - #81555E

HSV Blend

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

0.0%	0.0% #B4A8AC	RGB 180 168 172	#B4A8AC
16.7%	16.7% #AB989E	RGB 171 152 158	#AB989E
33.3%	33.3% #A38990	RGB 163 137 144	#A38990
50.0%	50.0% #9A7B83	RGB 154 123 131	#9A7B83
66.7%	66.7% #926D76	RGB 146 109 118	#926D76
83.3%	83.3% #89606A	RGB 137 96 106	#89606A
100.0%	100.0% #81555E	RGB 129 85 94	#81555E

#B4A8AC #AB989E #A38990 #9A7B83 #926D76 #89606A #81555E

#B4A8AC - #9A7B83 - #81555E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B4A8AC 0%, #9A7B83 50%, #81555E 100%);
    background: -webkit-linear-gradient(top, #B4A8AC 0%, #9A7B83 50%, #81555E 100%);
    background: linear-gradient(to bottom, #B4A8AC 0%, #9A7B83 50%, #81555E 100%);
}
</style>