#B9ADB0 - #C0DECF | 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 #B9ADB0 to #C0DECF

#B9ADB0 #C0DECF

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

#B9ADB0 - #C0DECF | 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 #B9ADB0 as 0% and #C0DECF as 100%.

0.0%	0.0% #B9ADB0	RGB 185 173 176	#B9ADB0
16.7%	16.7% #BAB5B5	RGB 186 181 181	#BAB5B5
33.3%	33.3% #BBBDBA	RGB 187 189 186	#BBBDBA
50.0%	50.0% #BCC5BF	RGB 188 197 191	#BCC5BF
66.7%	66.7% #BDCDC4	RGB 189 205 196	#BDCDC4
83.3%	83.3% #BED5C9	RGB 190 213 201	#BED5C9
100.0%	100.0% #C0DECF	RGB 192 222 207	#C0DECF

#B9ADB0 #BAB5B5 #BBBDBA #BCC5BF #BDCDC4 #BED5C9 #C0DECF

#B9ADB0 - #C0DECF

HSV Blend

#B9ADB0 - #C0DECF | 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 #B9ADB0 as 0% and #C0DECF as 100%.

0.0%	0.0% #B9ADB0	RGB 185 173 176	#B9ADB0
16.7%	16.7% #BFB3B0	RGB 191 179 176	#BFB3B0
33.3%	33.3% #C5BFB3	RGB 197 191 179	#C5BFB3
50.0%	50.0% #C8CBB7	RGB 200 203 183	#C8CBB7
66.7%	66.7% #C4D1BA	RGB 196 209 186	#C4D1BA
83.3%	83.3% #BDD7BE	RGB 189 215 190	#BDD7BE
100.0%	100.0% #C0DECF	RGB 192 222 207	#C0DECF

#B9ADB0 #BFB3B0 #C5BFB3 #C8CBB7 #C4D1BA #BDD7BE #C0DECF

#B9ADB0 - #C8CBB7 - #C0DECF

CSS codes

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

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