#B5AAA7 - #FFE4C2 | 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 #B5AAA7 to #FFE4C2

#B5AAA7 #FFE4C2

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

#B5AAA7 - #FFE4C2 | 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 #B5AAA7 as 0% and #FFE4C2 as 100%.

0.0%	0.0% #B5AAA7	RGB 181 170 167	#B5AAA7
16.7%	16.7% #C1B3AB	RGB 193 179 171	#C1B3AB
33.3%	33.3% #CDBDB0	RGB 205 189 176	#CDBDB0
50.0%	50.0% #DAC7B4	RGB 218 199 180	#DAC7B4
66.7%	66.7% #E6D0B9	RGB 230 208 185	#E6D0B9
83.3%	83.3% #F2DABD	RGB 242 218 189	#F2DABD
100.0%	100.0% #FFE4C2	RGB 255 228 194	#FFE4C2

#B5AAA7 #C1B3AB #CDBDB0 #DAC7B4 #E6D0B9 #F2DABD #FFE4C2

#B5AAA7 - #FFE4C2

HSV Blend

#B5AAA7 - #FFE4C2 | 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 #B5AAA7 as 0% and #FFE4C2 as 100%.

0.0%	0.0% #B5AAA7	RGB 181 170 167	#B5AAA7
16.7%	16.7% #C1B2AD	RGB 193 178 173	#C1B2AD
33.3%	33.3% #CDBBB2	RGB 205 187 178	#CDBBB2
50.0%	50.0% #DAC4B7	RGB 218 196 183	#DAC4B7
66.7%	66.7% #E6CEBB	RGB 230 206 187	#E6CEBB
83.3%	83.3% #F2D8BF	RGB 242 216 191	#F2D8BF
100.0%	100.0% #FFE4C2	RGB 255 228 194	#FFE4C2

#B5AAA7 #C1B2AD #CDBBB2 #DAC4B7 #E6CEBB #F2D8BF #FFE4C2

#B5AAA7 - #DAC4B7 - #FFE4C2

CSS codes

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

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