#B1A8AE - #6B5B5B | 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 #B1A8AE to #6B5B5B

#B1A8AE #6B5B5B

Calculate the color between two colors, #B1A8AE and #6B5B5B. 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)

#B1A8AE - #6B5B5B | 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 #B1A8AE as 0% and #6B5B5B as 100%.

0.0%	0.0% #B1A8AE	RGB 177 168 174	#B1A8AE
16.7%	16.7% #A59BA0	RGB 165 155 160	#A59BA0
33.3%	33.3% #998E92	RGB 153 142 146	#998E92
50.0%	50.0% #8E8184	RGB 142 129 132	#8E8184
66.7%	66.7% #827476	RGB 130 116 118	#827476
83.3%	83.3% #766768	RGB 118 103 104	#766768
100.0%	100.0% #6B5B5B	RGB 107 91 91	#6B5B5B

#B1A8AE #A59BA0 #998E92 #8E8184 #827476 #766768 #6B5B5B

#B1A8AE - #6B5B5B

HSV Blend

#B1A8AE - #6B5B5B | 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 #B1A8AE as 0% and #6B5B5B as 100%.

0.0%	0.0% #B1A8AE	RGB 177 168 174	#B1A8AE
16.7%	16.7% #A59AA0	RGB 165 154 160	#A59AA0
33.3%	33.3% #998C92	RGB 153 140 146	#998C92
50.0%	50.0% #8E7F84	RGB 142 127 132	#8E7F84
66.7%	66.7% #827376	RGB 130 115 118	#827376
83.3%	83.3% #766668	RGB 118 102 104	#766668
100.0%	100.0% #6B5B5B	RGB 107 91 91	#6B5B5B

#B1A8AE #A59AA0 #998C92 #8E7F84 #827376 #766668 #6B5B5B

#B1A8AE - #8E7F84 - #6B5B5B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B1A8AE 0%, #8E7F84 50%, #6B5B5B 100%);
    background: -webkit-linear-gradient(top, #B1A8AE 0%, #8E7F84 50%, #6B5B5B 100%);
    background: linear-gradient(to bottom, #B1A8AE 0%, #8E7F84 50%, #6B5B5B 100%);
}
</style>