#2D1B2B - #895B5F | 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 #2D1B2B to #895B5F

#2D1B2B #895B5F

Calculate the color between two colors, #2D1B2B and #895B5F. 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)

#2D1B2B - #895B5F | 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 #2D1B2B as 0% and #895B5F as 100%.

0.0%	0.0% #2D1B2B	RGB 45 27 43	#2D1B2B
16.7%	16.7% #3C2533	RGB 60 37 51	#3C2533
33.3%	33.3% #4B303C	RGB 75 48 60	#4B303C
50.0%	50.0% #5B3B45	RGB 91 59 69	#5B3B45
66.7%	66.7% #6A454D	RGB 106 69 77	#6A454D
83.3%	83.3% #795056	RGB 121 80 86	#795056
100.0%	100.0% #895B5F	RGB 137 91 95	#895B5F

#2D1B2B #3C2533 #4B303C #5B3B45 #6A454D #795056 #895B5F

#2D1B2B - #895B5F

HSV Blend

#2D1B2B - #895B5F | 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 #2D1B2B as 0% and #895B5F as 100%.

0.0%	0.0% #2D1B2A	RGB 45 27 42	#2D1B2A
16.7%	16.7% #3C2436	RGB 60 36 54	#3C2436
33.3%	33.3% #4B2F40	RGB 75 47 64	#4B2F40
50.0%	50.0% #5B3949	RGB 91 57 73	#5B3949
66.7%	66.7% #6A4451	RGB 106 68 81	#6A4451
83.3%	83.3% #794F58	RGB 121 79 88	#794F58
100.0%	100.0% #895B5F	RGB 137 91 95	#895B5F

#2D1B2A #3C2436 #4B2F40 #5B3949 #6A4451 #794F58 #895B5F

#2D1B2B - #5B3949 - #895B5F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D1B2A 0%, #5B3949 50%, #895B5F 100%);
    background: -webkit-linear-gradient(top, #2D1B2A 0%, #5B3949 50%, #895B5F 100%);
    background: linear-gradient(to bottom, #2D1B2A 0%, #5B3949 50%, #895B5F 100%);
}
</style>