#B8BDAE - #ECE8C3 | 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 #B8BDAE to #ECE8C3

#B8BDAE #ECE8C3

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

#B8BDAE - #ECE8C3 | 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 #B8BDAE as 0% and #ECE8C3 as 100%.

0.0%	0.0% #B8BDAE	RGB 184 189 174	#B8BDAE
16.7%	16.7% #C0C4B1	RGB 192 196 177	#C0C4B1
33.3%	33.3% #C9CBB5	RGB 201 203 181	#C9CBB5
50.0%	50.0% #D2D2B8	RGB 210 210 184	#D2D2B8
66.7%	66.7% #DAD9BC	RGB 218 217 188	#DAD9BC
83.3%	83.3% #E3E0BF	RGB 227 224 191	#E3E0BF
100.0%	100.0% #ECE8C3	RGB 236 232 195	#ECE8C3

#B8BDAE #C0C4B1 #C9CBB5 #D2D2B8 #DAD9BC #E3E0BF #ECE8C3

#B8BDAE - #ECE8C3

HSV Blend

#B8BDAE - #ECE8C3 | 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 #B8BDAE as 0% and #ECE8C3 as 100%.

0.0%	0.0% #B8BDAE	RGB 184 189 174	#B8BDAE
16.7%	16.7% #BFC4B2	RGB 191 196 178	#BFC4B2
33.3%	33.3% #C8CCB5	RGB 200 204 181	#C8CCB5
50.0%	50.0% #D1D4B9	RGB 209 212 185	#D1D4B9
66.7%	66.7% #DADCBC	RGB 218 220 188	#DADCBC
83.3%	83.3% #E4E3C0	RGB 228 227 192	#E4E3C0
100.0%	100.0% #ECE8C3	RGB 236 232 195	#ECE8C3

#B8BDAE #BFC4B2 #C8CCB5 #D1D4B9 #DADCBC #E4E3C0 #ECE8C3

#B8BDAE - #D1D4B9 - #ECE8C3

CSS codes

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

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