#B5B8AE - #ECE9C6 | 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 #B5B8AE to #ECE9C6

#B5B8AE #ECE9C6

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

#B5B8AE - #ECE9C6 | 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 #B5B8AE as 0% and #ECE9C6 as 100%.

0.0%	0.0% #B5B8AE	RGB 181 184 174	#B5B8AE
16.7%	16.7% #BEC0B2	RGB 190 192 178	#BEC0B2
33.3%	33.3% #C7C8B6	RGB 199 200 182	#C7C8B6
50.0%	50.0% #D0D0BA	RGB 208 208 186	#D0D0BA
66.7%	66.7% #D9D8BE	RGB 217 216 190	#D9D8BE
83.3%	83.3% #E2E0C2	RGB 226 224 194	#E2E0C2
100.0%	100.0% #ECE9C6	RGB 236 233 198	#ECE9C6

#B5B8AE #BEC0B2 #C7C8B6 #D0D0BA #D9D8BE #E2E0C2 #ECE9C6

#B5B8AE - #ECE9C6

HSV Blend

#B5B8AE - #ECE9C6 | 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 #B5B8AE as 0% and #ECE9C6 as 100%.

0.0%	0.0% #B5B8AE	RGB 181 184 174	#B5B8AE
16.7%	16.7% #BDC0B2	RGB 189 192 178	#BDC0B2
33.3%	33.3% #C6C9B7	RGB 198 201 183	#C6C9B7
50.0%	50.0% #CFD2BB	RGB 207 210 187	#CFD2BB
66.7%	66.7% #D9DABF	RGB 217 218 191	#D9DABF
83.3%	83.3% #E3E2C2	RGB 227 226 194	#E3E2C2
100.0%	100.0% #ECE9C6	RGB 236 233 198	#ECE9C6

#B5B8AE #BDC0B2 #C6C9B7 #CFD2BB #D9DABF #E3E2C2 #ECE9C6

#B5B8AE - #CFD2BB - #ECE9C6

CSS codes

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

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