#B2B4A6 - #ECE6BF | 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 #B2B4A6 to #ECE6BF

#B2B4A6 #ECE6BF

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

#B2B4A6 - #ECE6BF | 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 #B2B4A6 as 0% and #ECE6BF as 100%.

0.0%	0.0% #B2B4A6	RGB 178 180 166	#B2B4A6
16.7%	16.7% #BBBCAA	RGB 187 188 170	#BBBCAA
33.3%	33.3% #C5C4AE	RGB 197 196 174	#C5C4AE
50.0%	50.0% #CFCDB2	RGB 207 205 178	#CFCDB2
66.7%	66.7% #D8D5B6	RGB 216 213 182	#D8D5B6
83.3%	83.3% #E2DDBA	RGB 226 221 186	#E2DDBA
100.0%	100.0% #ECE6BF	RGB 236 230 191	#ECE6BF

#B2B4A6 #BBBCAA #C5C4AE #CFCDB2 #D8D5B6 #E2DDBA #ECE6BF

#B2B4A6 - #ECE6BF

HSV Blend

#B2B4A6 - #ECE6BF | 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 #B2B4A6 as 0% and #ECE6BF as 100%.

0.0%	0.0% #B2B4A6	RGB 178 180 166	#B2B4A6
16.7%	16.7% #BBBDAB	RGB 187 189 171	#BBBDAB
33.3%	33.3% #C5C6AF	RGB 197 198 175	#C5C6AF
50.0%	50.0% #CFD0B4	RGB 207 208 180	#CFD0B4
66.7%	66.7% #D9D7B8	RGB 217 215 184	#D9D7B8
83.3%	83.3% #E2DFBB	RGB 226 223 187	#E2DFBB
100.0%	100.0% #ECE6BF	RGB 236 230 191	#ECE6BF

#B2B4A6 #BBBDAB #C5C6AF #CFD0B4 #D9D7B8 #E2DFBB #ECE6BF

#B2B4A6 - #CFD0B4 - #ECE6BF

CSS codes

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

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