#B5BAB0 - #DBB7B5 | 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 #B5BAB0 to #DBB7B5

#B5BAB0 #DBB7B5

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

#B5BAB0 - #DBB7B5 | 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 #B5BAB0 as 0% and #DBB7B5 as 100%.

0.0%	0.0% #B5BAB0	RGB 181 186 176	#B5BAB0
16.7%	16.7% #BBB9B0	RGB 187 185 176	#BBB9B0
33.3%	33.3% #C1B9B1	RGB 193 185 177	#C1B9B1
50.0%	50.0% #C8B8B2	RGB 200 184 178	#C8B8B2
66.7%	66.7% #CEB8B3	RGB 206 184 179	#CEB8B3
83.3%	83.3% #D4B7B4	RGB 212 183 180	#D4B7B4
100.0%	100.0% #DBB7B5	RGB 219 183 181	#DBB7B5

#B5BAB0 #BBB9B0 #C1B9B1 #C8B8B2 #CEB8B3 #D4B7B4 #DBB7B5

#B5BAB0 - #DBB7B5

HSV Blend

#B5BAB0 - #DBB7B5 | 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 #B5BAB0 as 0% and #DBB7B5 as 100%.

0.0%	0.0% #B5BAB0	RGB 181 186 176	#B5BAB0
16.7%	16.7% #BBBFB1	RGB 187 191 177	#BBBFB1
33.3%	33.3% #C4C5B2	RGB 196 197 178	#C4C5B2
50.0%	50.0% #CAC5B3	RGB 202 197 179	#CAC5B3
66.7%	66.7% #D0C3B4	RGB 208 195 180	#D0C3B4
83.3%	83.3% #D5BEB4	RGB 213 190 180	#D5BEB4
100.0%	100.0% #DBB7B5	RGB 219 183 181	#DBB7B5

#B5BAB0 #BBBFB1 #C4C5B2 #CAC5B3 #D0C3B4 #D5BEB4 #DBB7B5

#B5BAB0 - #CAC5B3 - #DBB7B5

CSS codes

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

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