#BAA2AB - #FFDFC0 | 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 #BAA2AB to #FFDFC0

#BAA2AB #FFDFC0

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

#BAA2AB - #FFDFC0 | 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 #BAA2AB as 0% and #FFDFC0 as 100%.

0.0%	0.0% #BAA2AB	RGB 186 162 171	#BAA2AB
16.7%	16.7% #C5ACAE	RGB 197 172 174	#C5ACAE
33.3%	33.3% #D1B6B2	RGB 209 182 178	#D1B6B2
50.0%	50.0% #DCC0B5	RGB 220 192 181	#DCC0B5
66.7%	66.7% #E8CAB9	RGB 232 202 185	#E8CAB9
83.3%	83.3% #F3D4BC	RGB 243 212 188	#F3D4BC
100.0%	100.0% #FFDFC0	RGB 255 223 192	#FFDFC0

#BAA2AB #C5ACAE #D1B6B2 #DCC0B5 #E8CAB9 #F3D4BC #FFDFC0

#BAA2AB - #FFDFC0

HSV Blend

#BAA2AB - #FFDFC0 | 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 #BAA2AB as 0% and #FFDFC0 as 100%.

0.0%	0.0% #BAA2AB	RGB 186 162 171	#BAA2AB
16.7%	16.7% #C5A8AE	RGB 197 168 174	#C5A8AE
33.3%	33.3% #D1ADB0	RGB 209 173 176	#D1ADB0
50.0%	50.0% #DCB5B3	RGB 220 181 179	#DCB5B3
66.7%	66.7% #E8C1B7	RGB 232 193 183	#E8C1B7
83.3%	83.3% #F3CFBC	RGB 243 207 188	#F3CFBC
100.0%	100.0% #FFDFC0	RGB 255 223 192	#FFDFC0

#BAA2AB #C5A8AE #D1ADB0 #DCB5B3 #E8C1B7 #F3CFBC #FFDFC0

#BAA2AB - #DCB5B3 - #FFDFC0

CSS codes

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

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