#B4A2AB - #FFDFC1 | 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 #B4A2AB to #FFDFC1

#B4A2AB #FFDFC1

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

#B4A2AB - #FFDFC1 | 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 #B4A2AB as 0% and #FFDFC1 as 100%.

0.0%	0.0% #B4A2AB	RGB 180 162 171	#B4A2AB
16.7%	16.7% #C0ACAE	RGB 192 172 174	#C0ACAE
33.3%	33.3% #CDB6B2	RGB 205 182 178	#CDB6B2
50.0%	50.0% #D9C0B6	RGB 217 192 182	#D9C0B6
66.7%	66.7% #E6CAB9	RGB 230 202 185	#E6CAB9
83.3%	83.3% #F2D4BD	RGB 242 212 189	#F2D4BD
100.0%	100.0% #FFDFC1	RGB 255 223 193	#FFDFC1

#B4A2AB #C0ACAE #CDB6B2 #D9C0B6 #E6CAB9 #F2D4BD #FFDFC1

#B4A2AB - #FFDFC1

HSV Blend

#B4A2AB - #FFDFC1 | 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 #B4A2AB as 0% and #FFDFC1 as 100%.

0.0%	0.0% #B4A2AB	RGB 180 162 171	#B4A2AB
16.7%	16.7% #C0A8B0	RGB 192 168 176	#C0A8B0
33.3%	33.3% #CDAEB3	RGB 205 174 179	#CDAEB3
50.0%	50.0% #D9B4B4	RGB 217 180 180	#D9B4B4
66.7%	66.7% #E6C0B9	RGB 230 192 185	#E6C0B9
83.3%	83.3% #F2CEBD	RGB 242 206 189	#F2CEBD
100.0%	100.0% #FFDFC1	RGB 255 223 193	#FFDFC1

#B4A2AB #C0A8B0 #CDAEB3 #D9B4B4 #E6C0B9 #F2CEBD #FFDFC1

#B4A2AB - #D9B4B4 - #FFDFC1

CSS codes

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

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