#B5B9AF - #DCCAE8 | 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 #B5B9AF to #DCCAE8

#B5B9AF #DCCAE8

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

#B5B9AF - #DCCAE8 | 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 #B5B9AF as 0% and #DCCAE8 as 100%.

0.0%	0.0% #B5B9AF	RGB 181 185 175	#B5B9AF
16.7%	16.7% #BBBBB8	RGB 187 187 184	#BBBBB8
33.3%	33.3% #C2BEC2	RGB 194 190 194	#C2BEC2
50.0%	50.0% #C8C1CB	RGB 200 193 203	#C8C1CB
66.7%	66.7% #CFC4D5	RGB 207 196 213	#CFC4D5
83.3%	83.3% #D5C7DE	RGB 213 199 222	#D5C7DE
100.0%	100.0% #DCCAE8	RGB 220 202 232	#DCCAE8

#B5B9AF #BBBBB8 #C2BEC2 #C8C1CB #CFC4D5 #D5C7DE #DCCAE8

#B5B9AF - #DCCAE8

HSV Blend

#B5B9AF - #DCCAE8 | 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 #B5B9AF as 0% and #DCCAE8 as 100%.

0.0%	0.0% #B5B9AF	RGB 181 185 175	#B5B9AF
16.7%	16.7% #C0BFB3	RGB 192 191 179	#C0BFB3
33.3%	33.3% #C8C0B8	RGB 200 192 184	#C8C0B8
50.0%	50.0% #D0BDBD	RGB 208 189 189	#D0BDBD
66.7%	66.7% #D8C1CC	RGB 216 193 204	#D8C1CC
83.3%	83.3% #E0C5DE	RGB 224 197 222	#E0C5DE
100.0%	100.0% #DCCAE8	RGB 220 202 232	#DCCAE8

#B5B9AF #C0BFB3 #C8C0B8 #D0BDBD #D8C1CC #E0C5DE #DCCAE8

#B5B9AF - #D0BDBD - #DCCAE8

CSS codes

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

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