#B9BBBD - #E4D3C7 | 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 #B9BBBD to #E4D3C7

#B9BBBD #E4D3C7

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

#B9BBBD - #E4D3C7 | 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 #B9BBBD as 0% and #E4D3C7 as 100%.

0.0%	0.0% #B9BBBD	RGB 185 187 189	#B9BBBD
16.7%	16.7% #C0BFBE	RGB 192 191 190	#C0BFBE
33.3%	33.3% #C7C3C0	RGB 199 195 192	#C7C3C0
50.0%	50.0% #CEC7C2	RGB 206 199 194	#CEC7C2
66.7%	66.7% #D5CBC3	RGB 213 203 195	#D5CBC3
83.3%	83.3% #DCCFC5	RGB 220 207 197	#DCCFC5
100.0%	100.0% #E4D3C7	RGB 228 211 199	#E4D3C7

#B9BBBD #C0BFBE #C7C3C0 #CEC7C2 #D5CBC3 #DCCFC5 #E4D3C7

#B9BBBD - #E4D3C7

HSV Blend

#B9BBBD - #E4D3C7 | 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 #B9BBBD as 0% and #E4D3C7 as 100%.

0.0%	0.0% #B9BBBD	RGB 185 187 189	#B9BBBD
16.7%	16.7% #BBBCC3	RGB 187 188 195	#BBBCC3
33.3%	33.3% #C3BECA	RGB 195 190 202	#C3BECA
50.0%	50.0% #CFC1D0	RGB 207 193 208	#CFC1D0
66.7%	66.7% #D7C3CE	RGB 215 195 206	#D7C3CE
83.3%	83.3% #DDC5C6	RGB 221 197 198	#DDC5C6
100.0%	100.0% #E4D3C7	RGB 228 211 199	#E4D3C7

#B9BBBD #BBBCC3 #C3BECA #CFC1D0 #D7C3CE #DDC5C6 #E4D3C7

#B9BBBD - #CFC1D0 - #E4D3C7

CSS codes

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

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