#B9ACB5 - #FFE6CC | 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 #B9ACB5 to #FFE6CC

#B9ACB5 #FFE6CC

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

#B9ACB5 - #FFE6CC | 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 #B9ACB5 as 0% and #FFE6CC as 100%.

0.0%	0.0% #B9ACB5	RGB 185 172 181	#B9ACB5
16.7%	16.7% #C4B5B8	RGB 196 181 184	#C4B5B8
33.3%	33.3% #D0BFBC	RGB 208 191 188	#D0BFBC
50.0%	50.0% #DCC9C0	RGB 220 201 192	#DCC9C0
66.7%	66.7% #E7D2C4	RGB 231 210 196	#E7D2C4
83.3%	83.3% #F3DCC8	RGB 243 220 200	#F3DCC8
100.0%	100.0% #FFE6CC	RGB 255 230 204	#FFE6CC

#B9ACB5 #C4B5B8 #D0BFBC #DCC9C0 #E7D2C4 #F3DCC8 #FFE6CC

#B9ACB5 - #FFE6CC

HSV Blend

#B9ACB5 - #FFE6CC | 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 #B9ACB5 as 0% and #FFE6CC as 100%.

0.0%	0.0% #B9ACB5	RGB 185 172 181	#B9ACB5
16.7%	16.7% #C4B2BB	RGB 196 178 187	#C4B2BB
33.3%	33.3% #D0B8BF	RGB 208 184 191	#D0B8BF
50.0%	50.0% #DCBEC0	RGB 220 190 192	#DCBEC0
66.7%	66.7% #E7C7C3	RGB 231 199 195	#E7C7C3
83.3%	83.3% #F3D5C7	RGB 243 213 199	#F3D5C7
100.0%	100.0% #FFE6CC	RGB 255 230 204	#FFE6CC

#B9ACB5 #C4B2BB #D0B8BF #DCBEC0 #E7C7C3 #F3D5C7 #FFE6CC

#B9ACB5 - #DCBEC0 - #FFE6CC

CSS codes

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

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