#BAB5AB - #DDB6C9 | 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 #BAB5AB to #DDB6C9

#BAB5AB #DDB6C9

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

#BAB5AB - #DDB6C9 | 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 #BAB5AB as 0% and #DDB6C9 as 100%.

0.0%	0.0% #BAB5AB	RGB 186 181 171	#BAB5AB
16.7%	16.7% #BFB5B0	RGB 191 181 176	#BFB5B0
33.3%	33.3% #C5B5B5	RGB 197 181 181	#C5B5B5
50.0%	50.0% #CBB5BA	RGB 203 181 186	#CBB5BA
66.7%	66.7% #D1B5BF	RGB 209 181 191	#D1B5BF
83.3%	83.3% #D7B5C4	RGB 215 181 196	#D7B5C4
100.0%	100.0% #DDB6C9	RGB 221 182 201	#DDB6C9

#BAB5AB #BFB5B0 #C5B5B5 #CBB5BA #D1B5BF #D7B5C4 #DDB6C9

#BAB5AB - #DDB6C9

HSV Blend

#BAB5AB - #DDB6C9 | 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 #BAB5AB as 0% and #DDB6C9 as 100%.

0.0%	0.0% #BAB5AB	RGB 186 181 171	#BAB5AB
16.7%	16.7% #BFB6AD	RGB 191 182 173	#BFB6AD
33.3%	33.3% #C5B5AF	RGB 197 181 175	#C5B5AF
50.0%	50.0% #CBB3B1	RGB 203 179 177	#CBB3B1
66.7%	66.7% #D1B3B6	RGB 209 179 182	#D1B3B6
83.3%	83.3% #D7B4BE	RGB 215 180 190	#D7B4BE
100.0%	100.0% #DDB6C9	RGB 221 182 201	#DDB6C9

#BAB5AB #BFB6AD #C5B5AF #CBB3B1 #D1B3B6 #D7B4BE #DDB6C9

#BAB5AB - #CBB3B1 - #DDB6C9

CSS codes

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

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