#B49EAA - #85475B | 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 #B49EAA to #85475B

#B49EAA #85475B

Calculate the color between two colors, #B49EAA and #85475B. 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)

#B49EAA - #85475B | 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 #B49EAA as 0% and #85475B as 100%.

0.0%	0.0% #B49EAA	RGB 180 158 170	#B49EAA
16.7%	16.7% #AC8F9C	RGB 172 143 156	#AC8F9C
33.3%	33.3% #A4818F	RGB 164 129 143	#A4818F
50.0%	50.0% #9C7282	RGB 156 114 130	#9C7282
66.7%	66.7% #946475	RGB 148 100 117	#946475
83.3%	83.3% #8C5568	RGB 140 85 104	#8C5568
100.0%	100.0% #85475B	RGB 133 71 91	#85475B

#B49EAA #AC8F9C #A4818F #9C7282 #946475 #8C5568 #85475B

#B49EAA - #85475B

HSV Blend

#B49EAA - #85475B | 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 #B49EAA as 0% and #85475B as 100%.

0.0%	0.0% #B49EAA	RGB 180 158 170	#B49EAA
16.7%	16.7% #AC8D9C	RGB 172 141 156	#AC8D9C
33.3%	33.3% #A47D8F	RGB 164 125 143	#A47D8F
50.0%	50.0% #9C6E82	RGB 156 110 130	#9C6E82
66.7%	66.7% #946075	RGB 148 96 117	#946075
83.3%	83.3% #8C5367	RGB 140 83 103	#8C5367
100.0%	100.0% #85475B	RGB 133 71 91	#85475B

#B49EAA #AC8D9C #A47D8F #9C6E82 #946075 #8C5367 #85475B

#B49EAA - #9C6E82 - #85475B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B49EAA 0%, #9C6E82 50%, #85475B 100%);
    background: -webkit-linear-gradient(top, #B49EAA 0%, #9C6E82 50%, #85475B 100%);
    background: linear-gradient(to bottom, #B49EAA 0%, #9C6E82 50%, #85475B 100%);
}
</style>