#B0BAB4 - #DBD9B5 | 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 #B0BAB4 to #DBD9B5

#B0BAB4 #DBD9B5

Calculate the color between two colors, #B0BAB4 and #DBD9B5. 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)

#B0BAB4 - #DBD9B5 | 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 #B0BAB4 as 0% and #DBD9B5 as 100%.

0.0%	0.0% #B0BAB4	RGB 176 186 180	#B0BAB4
16.7%	16.7% #B7BFB4	RGB 183 191 180	#B7BFB4
33.3%	33.3% #BEC4B4	RGB 190 196 180	#BEC4B4
50.0%	50.0% #C5C9B4	RGB 197 201 180	#C5C9B4
66.7%	66.7% #CCCEB4	RGB 204 206 180	#CCCEB4
83.3%	83.3% #D3D3B4	RGB 211 211 180	#D3D3B4
100.0%	100.0% #DBD9B5	RGB 219 217 181	#DBD9B5

#B0BAB4 #B7BFB4 #BEC4B4 #C5C9B4 #CCCEB4 #D3D3B4 #DBD9B5

#B0BAB4 - #DBD9B5

HSV Blend

#B0BAB4 - #DBD9B5 | 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 #B0BAB4 as 0% and #DBD9B5 as 100%.

0.0%	0.0% #B0BAB4	RGB 176 186 180	#B0BAB4
16.7%	16.7% #B1BFB3	RGB 177 191 179	#B1BFB3
33.3%	33.3% #B4C5B2	RGB 180 197 178	#B4C5B2
50.0%	50.0% #BACAB3	RGB 186 202 179	#BACAB3
66.7%	66.7% #C4D0B4	RGB 196 208 180	#C4D0B4
83.3%	83.3% #CFD5B4	RGB 207 213 180	#CFD5B4
100.0%	100.0% #DBD9B5	RGB 219 217 181	#DBD9B5

#B0BAB4 #B1BFB3 #B4C5B2 #BACAB3 #C4D0B4 #CFD5B4 #DBD9B5

#B0BAB4 - #BACAB3 - #DBD9B5

CSS codes

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

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