#844B5E - #25151A | 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 #844B5E to #25151A

#844B5E #25151A

Calculate the color between two colors, #844B5E and #25151A. 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)

#844B5E - #25151A | 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 #844B5E as 0% and #25151A as 100%.

0.0%	0.0% #844B5E	RGB 132 75 94	#844B5E
16.7%	16.7% #744252	RGB 116 66 82	#744252
33.3%	33.3% #643947	RGB 100 57 71	#643947
50.0%	50.0% #54303C	RGB 84 48 60	#54303C
66.7%	66.7% #442730	RGB 68 39 48	#442730
83.3%	83.3% #341E25	RGB 52 30 37	#341E25
100.0%	100.0% #25151A	RGB 37 21 26	#25151A

#844B5E #744252 #643947 #54303C #442730 #341E25 #25151A

#844B5E - #25151A

HSV Blend

#844B5E - #25151A | 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 #844B5E as 0% and #25151A as 100%.

0.0%	0.0% #844B5D	RGB 132 75 93	#844B5D
16.7%	16.7% #744152	RGB 116 65 82	#744152
33.3%	33.3% #643847	RGB 100 56 71	#643847
50.0%	50.0% #542F3B	RGB 84 47 59	#542F3B
66.7%	66.7% #442630	RGB 68 38 48	#442630
83.3%	83.3% #341D25	RGB 52 29 37	#341D25
100.0%	100.0% #25151A	RGB 37 21 26	#25151A

#844B5D #744152 #643847 #542F3B #442630 #341D25 #25151A

#844B5E - #542F3B - #25151A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #844B5D 0%, #542F3B 50%, #25151A 100%);
    background: -webkit-linear-gradient(top, #844B5D 0%, #542F3B 50%, #25151A 100%);
    background: linear-gradient(to bottom, #844B5D 0%, #542F3B 50%, #25151A 100%);
}
</style>