#B0ACB0 - #5A5E65 | 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 #B0ACB0 to #5A5E65

#B0ACB0 #5A5E65

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

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

0.0%	0.0% #B0ACB0	RGB 176 172 176	#B0ACB0
16.7%	16.7% #A19FA3	RGB 161 159 163	#A19FA3
33.3%	33.3% #939297	RGB 147 146 151	#939297
50.0%	50.0% #85858A	RGB 133 133 138	#85858A
66.7%	66.7% #76787E	RGB 118 120 126	#76787E
83.3%	83.3% #686B71	RGB 104 107 113	#686B71
100.0%	100.0% #5A5E65	RGB 90 94 101	#5A5E65

#B0ACB0 #A19FA3 #939297 #85858A #76787E #686B71 #5A5E65

#B0ACB0 - #5A5E65

HSV Blend

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

0.0%	0.0% #B0ACB0	RGB 176 172 176	#B0ACB0
16.7%	16.7% #A29DA3	RGB 162 157 163	#A29DA3
33.3%	33.3% #938F97	RGB 147 143 151	#938F97
50.0%	50.0% #84818A	RGB 132 129 138	#84818A
66.7%	66.7% #74737E	RGB 116 115 126	#74737E
83.3%	83.3% #666871	RGB 102 104 113	#666871
100.0%	100.0% #5A5E65	RGB 90 94 101	#5A5E65

#B0ACB0 #A29DA3 #938F97 #84818A #74737E #666871 #5A5E65

#B0ACB0 - #84818A - #5A5E65

CSS codes

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

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