#B8BDA1 - #EBECE4 | 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 #B8BDA1 to #EBECE4

#B8BDA1 #EBECE4

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

#B8BDA1 - #EBECE4 | 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 #B8BDA1 as 0% and #EBECE4 as 100%.

0.0%	0.0% #B8BDA1	RGB 184 189 161	#B8BDA1
16.7%	16.7% #C0C4AC	RGB 192 196 172	#C0C4AC
33.3%	33.3% #C9CCB7	RGB 201 204 183	#C9CCB7
50.0%	50.0% #D1D4C2	RGB 209 212 194	#D1D4C2
66.7%	66.7% #DADCCD	RGB 218 220 205	#DADCCD
83.3%	83.3% #E2E4D8	RGB 226 228 216	#E2E4D8
100.0%	100.0% #EBECE4	RGB 235 236 228	#EBECE4

#B8BDA1 #C0C4AC #C9CCB7 #D1D4C2 #DADCCD #E2E4D8 #EBECE4

#B8BDA1 - #EBECE4

HSV Blend

#B8BDA1 - #EBECE4 | 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 #B8BDA1 as 0% and #EBECE4 as 100%.

0.0%	0.0% #B8BDA1	RGB 184 189 161	#B8BDA1
16.7%	16.7% #C0C4AB	RGB 192 196 171	#C0C4AB
33.3%	33.3% #C9CCB6	RGB 201 204 182	#C9CCB6
50.0%	50.0% #D1D4C1	RGB 209 212 193	#D1D4C1
66.7%	66.7% #DADCCC	RGB 218 220 204	#DADCCC
83.3%	83.3% #E2E4D8	RGB 226 228 216	#E2E4D8
100.0%	100.0% #EBECE4	RGB 235 236 228	#EBECE4

#B8BDA1 #C0C4AB #C9CCB6 #D1D4C1 #DADCCC #E2E4D8 #EBECE4

#B8BDA1 - #D1D4C1 - #EBECE4

CSS codes

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

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