#B0BCB7 - #5A8275 | 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 #B0BCB7 to #5A8275

#B0BCB7 #5A8275

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

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

0.0%	0.0% #B0BCB7	RGB 176 188 183	#B0BCB7
16.7%	16.7% #A1B2AC	RGB 161 178 172	#A1B2AC
33.3%	33.3% #93A8A1	RGB 147 168 161	#93A8A1
50.0%	50.0% #859F96	RGB 133 159 150	#859F96
66.7%	66.7% #76958B	RGB 118 149 139	#76958B
83.3%	83.3% #688B80	RGB 104 139 128	#688B80
100.0%	100.0% #5A8275	RGB 90 130 117	#5A8275

#B0BCB7 #A1B2AC #93A8A1 #859F96 #76958B #688B80 #5A8275

#B0BCB7 - #5A8275

HSV Blend

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

0.0%	0.0% #B0BCB7	RGB 176 188 183	#B0BCB7
16.7%	16.7% #9FB2AA	RGB 159 178 170	#9FB2AA
33.3%	33.3% #90A89F	RGB 144 168 159	#90A89F
50.0%	50.0% #819F94	RGB 129 159 148	#819F94
66.7%	66.7% #739589	RGB 115 149 137	#739589
83.3%	83.3% #668B7E	RGB 102 139 126	#668B7E
100.0%	100.0% #5A8275	RGB 90 130 117	#5A8275

#B0BCB7 #9FB2AA #90A89F #819F94 #739589 #668B7E #5A8275

#B0BCB7 - #819F94 - #5A8275

CSS codes

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

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