#B77D9C - #82264C | 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 #B77D9C to #82264C

#B77D9C #82264C

Calculate the color between two colors, #B77D9C and #82264C. 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)

#B77D9C - #82264C | 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 #B77D9C as 0% and #82264C as 100%.

0.0%	0.0% #B77D9C	RGB 183 125 156	#B77D9C
16.7%	16.7% #AE6E8E	RGB 174 110 142	#AE6E8E
33.3%	33.3% #A56081	RGB 165 96 129	#A56081
50.0%	50.0% #9C5174	RGB 156 81 116	#9C5174
66.7%	66.7% #934366	RGB 147 67 102	#934366
83.3%	83.3% #8A3459	RGB 138 52 89	#8A3459
100.0%	100.0% #82264C	RGB 130 38 76	#82264C

#B77D9C #AE6E8E #A56081 #9C5174 #934366 #8A3459 #82264C

#B77D9C - #82264C

HSV Blend

#B77D9C - #82264C | 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 #B77D9C as 0% and #82264C as 100%.

0.0%	0.0% #B77D9C	RGB 183 125 156	#B77D9C
16.7%	16.7% #AE6B8D	RGB 174 107 141	#AE6B8D
33.3%	33.3% #A55B7F	RGB 165 91 127	#A55B7F
50.0%	50.0% #9C4C72	RGB 156 76 114	#9C4C72
66.7%	66.7% #933E65	RGB 147 62 101	#933E65
83.3%	83.3% #8A3158	RGB 138 49 88	#8A3158
100.0%	100.0% #82264C	RGB 130 38 76	#82264C

#B77D9C #AE6B8D #A55B7F #9C4C72 #933E65 #8A3158 #82264C

#B77D9C - #9C4C72 - #82264C

CSS codes

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

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