#B7B8C5 - #DFDACB | 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 #B7B8C5 to #DFDACB

#B7B8C5 #DFDACB

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

#B7B8C5 - #DFDACB | 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 #B7B8C5 as 0% and #DFDACB as 100%.

0.0%	0.0% #B7B8C5	RGB 183 184 197	#B7B8C5
16.7%	16.7% #BDBDC6	RGB 189 189 198	#BDBDC6
33.3%	33.3% #C4C3C7	RGB 196 195 199	#C4C3C7
50.0%	50.0% #CBC9C8	RGB 203 201 200	#CBC9C8
66.7%	66.7% #D1CEC9	RGB 209 206 201	#D1CEC9
83.3%	83.3% #D8D4CA	RGB 216 212 202	#D8D4CA
100.0%	100.0% #DFDACB	RGB 223 218 203	#DFDACB

#B7B8C5 #BDBDC6 #C4C3C7 #CBC9C8 #D1CEC9 #D8D4CA #DFDACB

#B7B8C5 - #DFDACB

HSV Blend

#B7B8C5 - #DFDACB | 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 #B7B8C5 as 0% and #DFDACB as 100%.

0.0%	0.0% #B7B8C5	RGB 183 184 197	#B7B8C5
16.7%	16.7% #C0BAC9	RGB 192 186 201	#C0BAC9
33.3%	33.3% #CBBDCD	RGB 203 189 205	#CBBDCD
50.0%	50.0% #D2C1CC	RGB 210 193 204	#D2C1CC
66.7%	66.7% #D6C4C7	RGB 214 196 199	#D6C4C7
83.3%	83.3% #DACDC7	RGB 218 205 199	#DACDC7
100.0%	100.0% #DFDACB	RGB 223 218 203	#DFDACB

#B7B8C5 #C0BAC9 #CBBDCD #D2C1CC #D6C4C7 #DACDC7 #DFDACB

#B7B8C5 - #D2C1CC - #DFDACB

CSS codes

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

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