#5A2B2D - #25100B | 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 #5A2B2D to #25100B

#5A2B2D #25100B

Calculate the color between two colors, #5A2B2D and #25100B. 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)

#5A2B2D - #25100B | 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 #5A2B2D as 0% and #25100B as 100%.

0.0%	0.0% #5A2B2D	RGB 90 43 45	#5A2B2D
16.7%	16.7% #512627	RGB 81 38 39	#512627
33.3%	33.3% #482221	RGB 72 34 33	#482221
50.0%	50.0% #3F1D1C	RGB 63 29 28	#3F1D1C
66.7%	66.7% #361916	RGB 54 25 22	#361916
83.3%	83.3% #2D1410	RGB 45 20 16	#2D1410
100.0%	100.0% #25100B	RGB 37 16 11	#25100B

#5A2B2D #512627 #482221 #3F1D1C #361916 #2D1410 #25100B

#5A2B2D - #25100B

HSV Blend

#5A2B2D - #25100B | 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 #5A2B2D as 0% and #25100B as 100%.

0.0%	0.0% #5A2B2C	RGB 90 43 44	#5A2B2C
16.7%	16.7% #512424	RGB 81 36 36	#512424
33.3%	33.3% #481F1E	RGB 72 31 30	#481F1E
50.0%	50.0% #3F1B18	RGB 63 27 24	#3F1B18
66.7%	66.7% #361713	RGB 54 23 19	#361713
83.3%	83.3% #2D130F	RGB 45 19 15	#2D130F
100.0%	100.0% #25100B	RGB 37 16 11	#25100B

#5A2B2C #512424 #481F1E #3F1B18 #361713 #2D130F #25100B

#5A2B2D - #3F1B18 - #25100B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A2B2C 0%, #3F1B18 50%, #25100B 100%);
    background: -webkit-linear-gradient(top, #5A2B2C 0%, #3F1B18 50%, #25100B 100%);
    background: linear-gradient(to bottom, #5A2B2C 0%, #3F1B18 50%, #25100B 100%);
}
</style>