#B6A6A6 - #FFE3C4 | 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 #B6A6A6 to #FFE3C4

#B6A6A6 #FFE3C4

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

#B6A6A6 - #FFE3C4 | 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 #B6A6A6 as 0% and #FFE3C4 as 100%.

0.0%	0.0% #B6A6A6	RGB 182 166 166	#B6A6A6
16.7%	16.7% #C2B0AB	RGB 194 176 171	#C2B0AB
33.3%	33.3% #CEBAB0	RGB 206 186 176	#CEBAB0
50.0%	50.0% #DAC4B5	RGB 218 196 181	#DAC4B5
66.7%	66.7% #E6CEBA	RGB 230 206 186	#E6CEBA
83.3%	83.3% #F2D8BF	RGB 242 216 191	#F2D8BF
100.0%	100.0% #FFE3C4	RGB 255 227 196	#FFE3C4

#B6A6A6 #C2B0AB #CEBAB0 #DAC4B5 #E6CEBA #F2D8BF #FFE3C4

#B6A6A6 - #FFE3C4

HSV Blend

#B6A6A6 - #FFE3C4 | 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 #B6A6A6 as 0% and #FFE3C4 as 100%.

0.0%	0.0% #B6A6A6	RGB 182 166 166	#B6A6A6
16.7%	16.7% #C2AEAC	RGB 194 174 172	#C2AEAC
33.3%	33.3% #CEB7B2	RGB 206 183 178	#CEB7B2
50.0%	50.0% #DAC0B7	RGB 218 192 183	#DAC0B7
66.7%	66.7% #E6CBBC	RGB 230 203 188	#E6CBBC
83.3%	83.3% #F2D6C0	RGB 242 214 192	#F2D6C0
100.0%	100.0% #FFE3C4	RGB 255 227 196	#FFE3C4

#B6A6A6 #C2AEAC #CEB7B2 #DAC0B7 #E6CBBC #F2D6C0 #FFE3C4

#B6A6A6 - #DAC0B7 - #FFE3C4

CSS codes

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

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