#B9BABD - #E4DCC7 | 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 #B9BABD to #E4DCC7

#B9BABD #E4DCC7

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

#B9BABD - #E4DCC7 | 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 #B9BABD as 0% and #E4DCC7 as 100%.

0.0%	0.0% #B9BABD	RGB 185 186 189	#B9BABD
16.7%	16.7% #C0BFBE	RGB 192 191 190	#C0BFBE
33.3%	33.3% #C7C5C0	RGB 199 197 192	#C7C5C0
50.0%	50.0% #CECBC2	RGB 206 203 194	#CECBC2
66.7%	66.7% #D5D0C3	RGB 213 208 195	#D5D0C3
83.3%	83.3% #DCD6C5	RGB 220 214 197	#DCD6C5
100.0%	100.0% #E4DCC7	RGB 228 220 199	#E4DCC7

#B9BABD #C0BFBE #C7C5C0 #CECBC2 #D5D0C3 #DCD6C5 #E4DCC7

#B9BABD - #E4DCC7

HSV Blend

#B9BABD - #E4DCC7 | 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 #B9BABD as 0% and #E4DCC7 as 100%.

0.0%	0.0% #B9BABD	RGB 185 186 189	#B9BABD
16.7%	16.7% #BDBBC3	RGB 189 187 195	#BDBBC3
33.3%	33.3% #C7BECA	RGB 199 190 202	#C7BECA
50.0%	50.0% #D0C1CC	RGB 208 193 204	#D0C1CC
66.7%	66.7% #D7C3C8	RGB 215 195 200	#D7C3C8
83.3%	83.3% #DDCAC5	RGB 221 202 197	#DDCAC5
100.0%	100.0% #E4DCC7	RGB 228 220 199	#E4DCC7

#B9BABD #BDBBC3 #C7BECA #D0C1CC #D7C3C8 #DDCAC5 #E4DCC7

#B9BABD - #D0C1CC - #E4DCC7

CSS codes

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

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