#B2BDAB - #EDE6BC | 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 #B2BDAB to #EDE6BC

#B2BDAB #EDE6BC

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

#B2BDAB - #EDE6BC | 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 #B2BDAB as 0% and #EDE6BC as 100%.

0.0%	0.0% #B2BDAB	RGB 178 189 171	#B2BDAB
16.7%	16.7% #BBC3AD	RGB 187 195 173	#BBC3AD
33.3%	33.3% #C5CAB0	RGB 197 202 176	#C5CAB0
50.0%	50.0% #CFD1B3	RGB 207 209 179	#CFD1B3
66.7%	66.7% #D9D8B6	RGB 217 216 182	#D9D8B6
83.3%	83.3% #E3DFB9	RGB 227 223 185	#E3DFB9
100.0%	100.0% #EDE6BC	RGB 237 230 188	#EDE6BC

#B2BDAB #BBC3AD #C5CAB0 #CFD1B3 #D9D8B6 #E3DFB9 #EDE6BC

#B2BDAB - #EDE6BC

HSV Blend

#B2BDAB - #EDE6BC | 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 #B2BDAB as 0% and #EDE6BC as 100%.

0.0%	0.0% #B2BDAB	RGB 178 189 171	#B2BDAB
16.7%	16.7% #BAC5AE	RGB 186 197 174	#BAC5AE
33.3%	33.3% #C3CDB1	RGB 195 205 177	#C3CDB1
50.0%	50.0% #CDD5B4	RGB 205 213 180	#CDD5B4
66.7%	66.7% #D8DDB7	RGB 216 221 183	#D8DDB7
83.3%	83.3% #E5E4B9	RGB 229 228 185	#E5E4B9
100.0%	100.0% #EDE6BC	RGB 237 230 188	#EDE6BC

#B2BDAB #BAC5AE #C3CDB1 #CDD5B4 #D8DDB7 #E5E4B9 #EDE6BC

#B2BDAB - #CDD5B4 - #EDE6BC

CSS codes

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

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