#B5B9CB - #DFDBD1 | 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 #B5B9CB to #DFDBD1

#B5B9CB #DFDBD1

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

#B5B9CB - #DFDBD1 | 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 #B5B9CB as 0% and #DFDBD1 as 100%.

0.0%	0.0% #B5B9CB	RGB 181 185 203	#B5B9CB
16.7%	16.7% #BCBECC	RGB 188 190 204	#BCBECC
33.3%	33.3% #C3C4CD	RGB 195 196 205	#C3C4CD
50.0%	50.0% #CACACE	RGB 202 202 206	#CACACE
66.7%	66.7% #D1CFCF	RGB 209 207 207	#D1CFCF
83.3%	83.3% #D8D5D0	RGB 216 213 208	#D8D5D0
100.0%	100.0% #DFDBD1	RGB 223 219 209	#DFDBD1

#B5B9CB #BCBECC #C3C4CD #CACACE #D1CFCF #D8D5D0 #DFDBD1

#B5B9CB - #DFDBD1

HSV Blend

#B5B9CB - #DFDBD1 | 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 #B5B9CB as 0% and #DFDBD1 as 100%.

0.0%	0.0% #B5B9CB	RGB 181 185 203	#B5B9CB
16.7%	16.7% #BFB9CE	RGB 191 185 206	#BFB9CE
33.3%	33.3% #CDBED1	RGB 205 190 209	#CDBED1
50.0%	50.0% #D5C2D0	RGB 213 194 208	#D5C2D0
66.7%	66.7% #D8C7CB	RGB 216 199 203	#D8C7CB
83.3%	83.3% #DBCFCC	RGB 219 207 204	#DBCFCC
100.0%	100.0% #DFDBD1	RGB 223 219 209	#DFDBD1

#B5B9CB #BFB9CE #CDBED1 #D5C2D0 #D8C7CB #DBCFCC #DFDBD1

#B5B9CB - #D5C2D0 - #DFDBD1

CSS codes

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

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