#BAA2AB - #874D5C | 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 #874D5C

#BAA2AB #874D5C

Calculate the color between two colors, #BAA2AB and #874D5C. 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 - #874D5C | 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 #874D5C as 100%.

0.0%	0.0% #BAA2AB	RGB 186 162 171	#BAA2AB
16.7%	16.7% #B1939D	RGB 177 147 157	#B1939D
33.3%	33.3% #A98590	RGB 169 133 144	#A98590
50.0%	50.0% #A07783	RGB 160 119 131	#A07783
66.7%	66.7% #986976	RGB 152 105 118	#986976
83.3%	83.3% #8F5B69	RGB 143 91 105	#8F5B69
100.0%	100.0% #874D5C	RGB 135 77 92	#874D5C

#BAA2AB #B1939D #A98590 #A07783 #986976 #8F5B69 #874D5C

#BAA2AB - #874D5C

HSV Blend

#BAA2AB - #874D5C | 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 #874D5C as 100%.

0.0%	0.0% #BAA2AB	RGB 186 162 171	#BAA2AB
16.7%	16.7% #B1919D	RGB 177 145 157	#B1919D
33.3%	33.3% #A9828F	RGB 169 130 143	#A9828F
50.0%	50.0% #A07381	RGB 160 115 129	#A07381
66.7%	66.7% #986574	RGB 152 101 116	#986574
83.3%	83.3% #8F5968	RGB 143 89 104	#8F5968
100.0%	100.0% #874D5C	RGB 135 77 92	#874D5C

#BAA2AB #B1919D #A9828F #A07381 #986574 #8F5968 #874D5C

#BAA2AB - #A07381 - #874D5C

CSS codes

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

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