#B2B9C0 - #E5DDCC | 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 #B2B9C0 to #E5DDCC

#B2B9C0 #E5DDCC

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

#B2B9C0 - #E5DDCC | 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 #B2B9C0 as 0% and #E5DDCC as 100%.

0.0%	0.0% #B2B9C0	RGB 178 185 192	#B2B9C0
16.7%	16.7% #BABFC2	RGB 186 191 194	#BABFC2
33.3%	33.3% #C3C5C4	RGB 195 197 196	#C3C5C4
50.0%	50.0% #CBCBC6	RGB 203 203 198	#CBCBC6
66.7%	66.7% #D4D1C8	RGB 212 209 200	#D4D1C8
83.3%	83.3% #DCD7CA	RGB 220 215 202	#DCD7CA
100.0%	100.0% #E5DDCC	RGB 229 221 204	#E5DDCC

#B2B9C0 #BABFC2 #C3C5C4 #CBCBC6 #D4D1C8 #DCD7CA #E5DDCC

#B2B9C0 - #E5DDCC

HSV Blend

#B2B9C0 - #E5DDCC | 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 #B2B9C0 as 0% and #E5DDCC as 100%.

0.0%	0.0% #B2B9C0	RGB 178 185 192	#B2B9C0
16.7%	16.7% #B6C5C6	RGB 182 197 198	#B6C5C6
33.3%	33.3% #BACCC4	RGB 186 204 196	#BACCC4
50.0%	50.0% #BFD2C1	RGB 191 210 193	#BFD2C1
66.7%	66.7% #CBD8C3	RGB 203 216 195	#CBD8C3
83.3%	83.3% #DBDEC7	RGB 219 222 199	#DBDEC7
100.0%	100.0% #E5DDCC	RGB 229 221 204	#E5DDCC

#B2B9C0 #B6C5C6 #BACCC4 #BFD2C1 #CBD8C3 #DBDEC7 #E5DDCC

#B2B9C0 - #BFD2C1 - #E5DDCC

CSS codes

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

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