#B99CA4 - #844955 | 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 #B99CA4 to #844955

#B99CA4 #844955

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

#B99CA4 - #844955 | 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 #B99CA4 as 0% and #844955 as 100%.

0.0%	0.0% #B99CA4	RGB 185 156 164	#B99CA4
16.7%	16.7% #B08E96	RGB 176 142 150	#B08E96
33.3%	33.3% #A78089	RGB 167 128 137	#A78089
50.0%	50.0% #9E727C	RGB 158 114 124	#9E727C
66.7%	66.7% #95646F	RGB 149 100 111	#95646F
83.3%	83.3% #8C5662	RGB 140 86 98	#8C5662
100.0%	100.0% #844955	RGB 132 73 85	#844955

#B99CA4 #B08E96 #A78089 #9E727C #95646F #8C5662 #844955

#B99CA4 - #844955

HSV Blend

#B99CA4 - #844955 | 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 #B99CA4 as 0% and #844955 as 100%.

0.0%	0.0% #B99CA4	RGB 185 156 164	#B99CA4
16.7%	16.7% #B08C95	RGB 176 140 149	#B08C95
33.3%	33.3% #A77C87	RGB 167 124 135	#A77C87
50.0%	50.0% #9E6E7A	RGB 158 110 122	#9E6E7A
66.7%	66.7% #95616D	RGB 149 97 109	#95616D
83.3%	83.3% #8C5460	RGB 140 84 96	#8C5460
100.0%	100.0% #844955	RGB 132 73 85	#844955

#B99CA4 #B08C95 #A77C87 #9E6E7A #95616D #8C5460 #844955

#B99CA4 - #9E6E7A - #844955

CSS codes

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

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