#882C5E - #48041A | 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 #882C5E to #48041A

#882C5E #48041A

Calculate the color between two colors, #882C5E and #48041A. 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)

#882C5E - #48041A | 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 #882C5E as 0% and #48041A as 100%.

0.0%	0.0% #882C5E	RGB 136 44 94	#882C5E
16.7%	16.7% #7D2552	RGB 125 37 82	#7D2552
33.3%	33.3% #721E47	RGB 114 30 71	#721E47
50.0%	50.0% #68183C	RGB 104 24 60	#68183C
66.7%	66.7% #5D1130	RGB 93 17 48	#5D1130
83.3%	83.3% #520A25	RGB 82 10 37	#520A25
100.0%	100.0% #48041A	RGB 72 4 26	#48041A

#882C5E #7D2552 #721E47 #68183C #5D1130 #520A25 #48041A

#882C5E - #48041A

HSV Blend

#882C5E - #48041A | 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 #882C5E as 0% and #48041A as 100%.

0.0%	0.0% #882C5D	RGB 136 44 93	#882C5D
16.7%	16.7% #7D2250	RGB 125 34 80	#7D2250
33.3%	33.3% #721A44	RGB 114 26 68	#721A44
50.0%	50.0% #681338	RGB 104 19 56	#681338
66.7%	66.7% #5D0D2D	RGB 93 13 45	#5D0D2D
83.3%	83.3% #520823	RGB 82 8 35	#520823
100.0%	100.0% #48041A	RGB 72 4 26	#48041A

#882C5D #7D2250 #721A44 #681338 #5D0D2D #520823 #48041A

#882C5E - #681338 - #48041A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #882C5D 0%, #681338 50%, #48041A 100%);
    background: -webkit-linear-gradient(top, #882C5D 0%, #681338 50%, #48041A 100%);
    background: linear-gradient(to bottom, #882C5D 0%, #681338 50%, #48041A 100%);
}
</style>