#B1AFB6 - #5E5C6C | 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 #B1AFB6 to #5E5C6C

#B1AFB6 #5E5C6C

Calculate the color between two colors, #B1AFB6 and #5E5C6C. 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)

#B1AFB6 - #5E5C6C | 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 #B1AFB6 as 0% and #5E5C6C as 100%.

0.0%	0.0% #B1AFB6	RGB 177 175 182	#B1AFB6
16.7%	16.7% #A3A1A9	RGB 163 161 169	#A3A1A9
33.3%	33.3% #95939D	RGB 149 147 157	#95939D
50.0%	50.0% #878591	RGB 135 133 145	#878591
66.7%	66.7% #797784	RGB 121 119 132	#797784
83.3%	83.3% #6B6978	RGB 107 105 120	#6B6978
100.0%	100.0% #5E5C6C	RGB 94 92 108	#5E5C6C

#B1AFB6 #A3A1A9 #95939D #878591 #797784 #6B6978 #5E5C6C

#B1AFB6 - #5E5C6C

HSV Blend

#B1AFB6 - #5E5C6C | 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 #B1AFB6 as 0% and #5E5C6C as 100%.

0.0%	0.0% #B1AFB6	RGB 177 175 182	#B1AFB6
16.7%	16.7% #A2A0A9	RGB 162 160 169	#A2A0A9
33.3%	33.3% #94919D	RGB 148 145 157	#94919D
50.0%	50.0% #868391	RGB 134 131 145	#868391
66.7%	66.7% #787584	RGB 120 117 132	#787584
83.3%	83.3% #6B6878	RGB 107 104 120	#6B6878
100.0%	100.0% #5E5C6C	RGB 94 92 108	#5E5C6C

#B1AFB6 #A2A0A9 #94919D #868391 #787584 #6B6878 #5E5C6C

#B1AFB6 - #868391 - #5E5C6C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B1AFB6 0%, #868391 50%, #5E5C6C 100%);
    background: -webkit-linear-gradient(top, #B1AFB6 0%, #868391 50%, #5E5C6C 100%);
    background: linear-gradient(to bottom, #B1AFB6 0%, #868391 50%, #5E5C6C 100%);
}
</style>