#B5B6AC - #EBE7C4 | 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 #B5B6AC to #EBE7C4

#B5B6AC #EBE7C4

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

#B5B6AC - #EBE7C4 | 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 #B5B6AC as 0% and #EBE7C4 as 100%.

0.0%	0.0% #B5B6AC	RGB 181 182 172	#B5B6AC
16.7%	16.7% #BEBEB0	RGB 190 190 176	#BEBEB0
33.3%	33.3% #C7C6B4	RGB 199 198 180	#C7C6B4
50.0%	50.0% #D0CEB8	RGB 208 206 184	#D0CEB8
66.7%	66.7% #D9D6BC	RGB 217 214 188	#D9D6BC
83.3%	83.3% #E2DEC0	RGB 226 222 192	#E2DEC0
100.0%	100.0% #EBE7C4	RGB 235 231 196	#EBE7C4

#B5B6AC #BEBEB0 #C7C6B4 #D0CEB8 #D9D6BC #E2DEC0 #EBE7C4

#B5B6AC - #EBE7C4

HSV Blend

#B5B6AC - #EBE7C4 | 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 #B5B6AC as 0% and #EBE7C4 as 100%.

0.0%	0.0% #B5B6AC	RGB 181 182 172	#B5B6AC
16.7%	16.7% #BDBEB0	RGB 189 190 176	#BDBEB0
33.3%	33.3% #C7C7B5	RGB 199 199 181	#C7C7B5
50.0%	50.0% #D0D0B9	RGB 208 208 185	#D0D0B9
66.7%	66.7% #D9D8BD	RGB 217 216 189	#D9D8BD
83.3%	83.3% #E2DFC0	RGB 226 223 192	#E2DFC0
100.0%	100.0% #EBE7C4	RGB 235 231 196	#EBE7C4

#B5B6AC #BDBEB0 #C7C7B5 #D0D0B9 #D9D8BD #E2DFC0 #EBE7C4

#B5B6AC - #D0D0B9 - #EBE7C4

CSS codes

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

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