#B66F8C - #7B1F3E | 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 #B66F8C to #7B1F3E

#B66F8C #7B1F3E

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

#B66F8C - #7B1F3E | 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 #B66F8C as 0% and #7B1F3E as 100%.

0.0%	0.0% #B66F8C	RGB 182 111 140	#B66F8C
16.7%	16.7% #AC617F	RGB 172 97 127	#AC617F
33.3%	33.3% #A25472	RGB 162 84 114	#A25472
50.0%	50.0% #984765	RGB 152 71 101	#984765
66.7%	66.7% #8E3958	RGB 142 57 88	#8E3958
83.3%	83.3% #842C4B	RGB 132 44 75	#842C4B
100.0%	100.0% #7B1F3E	RGB 123 31 62	#7B1F3E

#B66F8C #AC617F #A25472 #984765 #8E3958 #842C4B #7B1F3E

#B66F8C - #7B1F3E

HSV Blend

#B66F8C - #7B1F3E | 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 #B66F8C as 0% and #7B1F3E as 100%.

0.0%	0.0% #B66F8C	RGB 182 111 140	#B66F8C
16.7%	16.7% #AC5E7D	RGB 172 94 125	#AC5E7D
33.3%	33.3% #A24F6F	RGB 162 79 111	#A24F6F
50.0%	50.0% #984162	RGB 152 65 98	#984162
66.7%	66.7% #8E3455	RGB 142 52 85	#8E3455
83.3%	83.3% #842949	RGB 132 41 73	#842949
100.0%	100.0% #7B1F3E	RGB 123 31 62	#7B1F3E

#B66F8C #AC5E7D #A24F6F #984162 #8E3455 #842949 #7B1F3E

#B66F8C - #984162 - #7B1F3E

CSS codes

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

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