#BAA2AC - #884C5E | 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 #BAA2AC to #884C5E

#BAA2AC #884C5E

Calculate the color between two colors, #BAA2AC and #884C5E. 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)

#BAA2AC - #884C5E | 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 #BAA2AC as 0% and #884C5E as 100%.

0.0%	0.0% #BAA2AC	RGB 186 162 172	#BAA2AC
16.7%	16.7% #B1939F	RGB 177 147 159	#B1939F
33.3%	33.3% #A98592	RGB 169 133 146	#A98592
50.0%	50.0% #A17785	RGB 161 119 133	#A17785
66.7%	66.7% #986878	RGB 152 104 120	#986878
83.3%	83.3% #905A6B	RGB 144 90 107	#905A6B
100.0%	100.0% #884C5E	RGB 136 76 94	#884C5E

#BAA2AC #B1939F #A98592 #A17785 #986878 #905A6B #884C5E

#BAA2AC - #884C5E

HSV Blend

#BAA2AC - #884C5E | 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 #BAA2AC as 0% and #884C5E as 100%.

0.0%	0.0% #BAA2AC	RGB 186 162 172	#BAA2AC
16.7%	16.7% #B1919E	RGB 177 145 158	#B1919E
33.3%	33.3% #A98190	RGB 169 129 144	#A98190
50.0%	50.0% #A17383	RGB 161 115 131	#A17383
66.7%	66.7% #986576	RGB 152 101 118	#986576
83.3%	83.3% #90586A	RGB 144 88 106	#90586A
100.0%	100.0% #884C5E	RGB 136 76 94	#884C5E

#BAA2AC #B1919E #A98190 #A17383 #986576 #90586A #884C5E

#BAA2AC - #A17383 - #884C5E

CSS codes

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

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