#B6BD9C - #E9ECE2 | 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 #B6BD9C to #E9ECE2

#B6BD9C #E9ECE2

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

#B6BD9C - #E9ECE2 | 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 #B6BD9C as 0% and #E9ECE2 as 100%.

0.0%	0.0% #B6BD9C	RGB 182 189 156	#B6BD9C
16.7%	16.7% #BEC4A7	RGB 190 196 167	#BEC4A7
33.3%	33.3% #C7CCB3	RGB 199 204 179	#C7CCB3
50.0%	50.0% #CFD4BF	RGB 207 212 191	#CFD4BF
66.7%	66.7% #D8DCCA	RGB 216 220 202	#D8DCCA
83.3%	83.3% #E0E4D6	RGB 224 228 214	#E0E4D6
100.0%	100.0% #E9ECE2	RGB 233 236 226	#E9ECE2

#B6BD9C #BEC4A7 #C7CCB3 #CFD4BF #D8DCCA #E0E4D6 #E9ECE2

#B6BD9C - #E9ECE2

HSV Blend

#B6BD9C - #E9ECE2 | 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 #B6BD9C as 0% and #E9ECE2 as 100%.

0.0%	0.0% #B6BD9C	RGB 182 189 156	#B6BD9C
16.7%	16.7% #BEC4A6	RGB 190 196 166	#BEC4A6
33.3%	33.3% #C6CCB1	RGB 198 204 177	#C6CCB1
50.0%	50.0% #CED4BD	RGB 206 212 189	#CED4BD
66.7%	66.7% #D7DCC9	RGB 215 220 201	#D7DCC9
83.3%	83.3% #DFE4D5	RGB 223 228 213	#DFE4D5
100.0%	100.0% #E9ECE2	RGB 233 236 226	#E9ECE2

#B6BD9C #BEC4A6 #C6CCB1 #CED4BD #D7DCC9 #DFE4D5 #E9ECE2

#B6BD9C - #CED4BD - #E9ECE2

CSS codes

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

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