#815B5E - #4A221C | 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 #815B5E to #4A221C

#815B5E #4A221C

Calculate the color between two colors, #815B5E and #4A221C. 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)

#815B5E - #4A221C | 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 #815B5E as 0% and #4A221C as 100%.

0.0%	0.0% #815B5E	RGB 129 91 94	#815B5E
16.7%	16.7% #775153	RGB 119 81 83	#775153
33.3%	33.3% #6E4848	RGB 110 72 72	#6E4848
50.0%	50.0% #653E3D	RGB 101 62 61	#653E3D
66.7%	66.7% #5C3532	RGB 92 53 50	#5C3532
83.3%	83.3% #532B27	RGB 83 43 39	#532B27
100.0%	100.0% #4A221C	RGB 74 34 28	#4A221C

#815B5E #775153 #6E4848 #653E3D #5C3532 #532B27 #4A221C

#815B5E - #4A221C

HSV Blend

#815B5E - #4A221C | 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 #815B5E as 0% and #4A221C as 100%.

0.0%	0.0% #815B5E	RGB 129 91 94	#815B5E
16.7%	16.7% #774E4F	RGB 119 78 79	#774E4F
33.3%	33.3% #6E4242	RGB 110 66 66	#6E4242
50.0%	50.0% #653837	RGB 101 56 55	#653837
66.7%	66.7% #5C2F2D	RGB 92 47 45	#5C2F2D
83.3%	83.3% #532824	RGB 83 40 36	#532824
100.0%	100.0% #4A221C	RGB 74 34 28	#4A221C

#815B5E #774E4F #6E4242 #653837 #5C2F2D #532824 #4A221C

#815B5E - #653837 - #4A221C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #815B5E 0%, #653837 50%, #4A221C 100%);
    background: -webkit-linear-gradient(top, #815B5E 0%, #653837 50%, #4A221C 100%);
    background: linear-gradient(to bottom, #815B5E 0%, #653837 50%, #4A221C 100%);
}
</style>