#B5B6B2 - #E7DAC3 | 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 #B5B6B2 to #E7DAC3

#B5B6B2 #E7DAC3

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

#B5B6B2 - #E7DAC3 | 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 #B5B6B2 as 0% and #E7DAC3 as 100%.

0.0%	0.0% #B5B6B2	RGB 181 182 178	#B5B6B2
16.7%	16.7% #BDBCB4	RGB 189 188 180	#BDBCB4
33.3%	33.3% #C5C2B7	RGB 197 194 183	#C5C2B7
50.0%	50.0% #CEC8BA	RGB 206 200 186	#CEC8BA
66.7%	66.7% #D6CEBD	RGB 214 206 189	#D6CEBD
83.3%	83.3% #DED4C0	RGB 222 212 192	#DED4C0
100.0%	100.0% #E7DAC3	RGB 231 218 195	#E7DAC3

#B5B6B2 #BDBCB4 #C5C2B7 #CEC8BA #D6CEBD #DED4C0 #E7DAC3

#B5B6B2 - #E7DAC3

HSV Blend

#B5B6B2 - #E7DAC3 | 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 #B5B6B2 as 0% and #E7DAC3 as 100%.

0.0%	0.0% #B5B6B2	RGB 181 182 178	#B5B6B2
16.7%	16.7% #BCBEB5	RGB 188 190 181	#BCBEB5
33.3%	33.3% #C5C6B9	RGB 197 198 185	#C5C6B9
50.0%	50.0% #CECDBC	RGB 206 205 188	#CECDBC
66.7%	66.7% #D6D2BE	RGB 214 210 190	#D6D2BE
83.3%	83.3% #DED7C1	RGB 222 215 193	#DED7C1
100.0%	100.0% #E7DAC3	RGB 231 218 195	#E7DAC3

#B5B6B2 #BCBEB5 #C5C6B9 #CECDBC #D6D2BE #DED7C1 #E7DAC3

#B5B6B2 - #CECDBC - #E7DAC3

CSS codes

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

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