#B6A8A8 - #FFF3C0 | 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 #B6A8A8 to #FFF3C0

#B6A8A8 #FFF3C0

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

#B6A8A8 - #FFF3C0 | 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 #B6A8A8 as 0% and #FFF3C0 as 100%.

0.0%	0.0% #B6A8A8	RGB 182 168 168	#B6A8A8
16.7%	16.7% #C2B4AC	RGB 194 180 172	#C2B4AC
33.3%	33.3% #CEC1B0	RGB 206 193 176	#CEC1B0
50.0%	50.0% #DACDB4	RGB 218 205 180	#DACDB4
66.7%	66.7% #E6DAB8	RGB 230 218 184	#E6DAB8
83.3%	83.3% #F2E6BC	RGB 242 230 188	#F2E6BC
100.0%	100.0% #FFF3C0	RGB 255 243 192	#FFF3C0

#B6A8A8 #C2B4AC #CEC1B0 #DACDB4 #E6DAB8 #F2E6BC #FFF3C0

#B6A8A8 - #FFF3C0

HSV Blend

#B6A8A8 - #FFF3C0 | 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 #B6A8A8 as 0% and #FFF3C0 as 100%.

0.0%	0.0% #B6A8A8	RGB 182 168 168	#B6A8A8
16.7%	16.7% #C2B0AD	RGB 194 176 173	#C2B0AD
33.3%	33.3% #CEBAB2	RGB 206 186 178	#CEBAB2
50.0%	50.0% #DAC5B7	RGB 218 197 183	#DAC5B7
66.7%	66.7% #E6D2BA	RGB 230 210 186	#E6D2BA
83.3%	83.3% #F2E1BD	RGB 242 225 189	#F2E1BD
100.0%	100.0% #FFF3C0	RGB 255 243 192	#FFF3C0

#B6A8A8 #C2B0AD #CEBAB2 #DAC5B7 #E6D2BA #F2E1BD #FFF3C0

#B6A8A8 - #DAC5B7 - #FFF3C0

CSS codes

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

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