#B0AFB6 - #6C536C | 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 #B0AFB6 to #6C536C

#B0AFB6 #6C536C

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

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

0.0%	0.0% #B0AFB6	RGB 176 175 182	#B0AFB6
16.7%	16.7% #A49FA9	RGB 164 159 169	#A49FA9
33.3%	33.3% #99909D	RGB 153 144 157	#99909D
50.0%	50.0% #8E8191	RGB 142 129 145	#8E8191
66.7%	66.7% #827184	RGB 130 113 132	#827184
83.3%	83.3% #776278	RGB 119 98 120	#776278
100.0%	100.0% #6C536C	RGB 108 83 108	#6C536C

#B0AFB6 #A49FA9 #99909D #8E8191 #827184 #776278 #6C536C

#B0AFB6 - #6C536C

HSV Blend

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

0.0%	0.0% #B0AFB6	RGB 176 175 182	#B0AFB6
16.7%	16.7% #A19DA9	RGB 161 157 169	#A19DA9
33.3%	33.3% #948D9D	RGB 148 141 157	#948D9D
50.0%	50.0% #887D91	RGB 136 125 145	#887D91
66.7%	66.7% #7E6E84	RGB 126 110 132	#7E6E84
83.3%	83.3% #746078	RGB 116 96 120	#746078
100.0%	100.0% #6C536C	RGB 108 83 108	#6C536C

#B0AFB6 #A19DA9 #948D9D #887D91 #7E6E84 #746078 #6C536C

#B0AFB6 - #887D91 - #6C536C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0AFB6 0%, #887D91 50%, #6C536C 100%);
    background: -webkit-linear-gradient(top, #B0AFB6 0%, #887D91 50%, #6C536C 100%);
    background: linear-gradient(to bottom, #B0AFB6 0%, #887D91 50%, #6C536C 100%);
}
</style>