#B2AAAC - #FFD4C7 | 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 #B2AAAC to #FFD4C7

#B2AAAC #FFD4C7

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

#B2AAAC - #FFD4C7 | 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 #B2AAAC as 0% and #FFD4C7 as 100%.

0.0%	0.0% #B2AAAC	RGB 178 170 172	#B2AAAC
16.7%	16.7% #BEB1B0	RGB 190 177 176	#BEB1B0
33.3%	33.3% #CBB8B5	RGB 203 184 181	#CBB8B5
50.0%	50.0% #D8BFB9	RGB 216 191 185	#D8BFB9
66.7%	66.7% #E5C6BE	RGB 229 198 190	#E5C6BE
83.3%	83.3% #F2CDC2	RGB 242 205 194	#F2CDC2
100.0%	100.0% #FFD4C7	RGB 255 212 199	#FFD4C7

#B2AAAC #BEB1B0 #CBB8B5 #D8BFB9 #E5C6BE #F2CDC2 #FFD4C7

#B2AAAC - #FFD4C7

HSV Blend

#B2AAAC - #FFD4C7 | 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 #B2AAAC as 0% and #FFD4C7 as 100%.

0.0%	0.0% #B2AAAC	RGB 178 170 172	#B2AAAC
16.7%	16.7% #BEB0B3	RGB 190 176 179	#BEB0B3
33.3%	33.3% #CBB6B8	RGB 203 182 184	#CBB6B8
50.0%	50.0% #D8BBBC	RGB 216 187 188	#D8BBBC
66.7%	66.7% #E5C2C0	RGB 229 194 192	#E5C2C0
83.3%	83.3% #F2CBC4	RGB 242 203 196	#F2CBC4
100.0%	100.0% #FFD4C7	RGB 255 212 199	#FFD4C7

#B2AAAC #BEB0B3 #CBB6B8 #D8BBBC #E5C2C0 #F2CBC4 #FFD4C7

#B2AAAC - #D8BBBC - #FFD4C7

CSS codes

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

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