#804C5E - #4B161B | 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 #804C5E to #4B161B

#804C5E #4B161B

Calculate the color between two colors, #804C5E and #4B161B. 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)

#804C5E - #4B161B | 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 #804C5E as 0% and #4B161B as 100%.

0.0%	0.0% #804C5E	RGB 128 76 94	#804C5E
16.7%	16.7% #774352	RGB 119 67 82	#774352
33.3%	33.3% #6E3A47	RGB 110 58 71	#6E3A47
50.0%	50.0% #65313C	RGB 101 49 60	#65313C
66.7%	66.7% #5C2831	RGB 92 40 49	#5C2831
83.3%	83.3% #531F26	RGB 83 31 38	#531F26
100.0%	100.0% #4B161B	RGB 75 22 27	#4B161B

#804C5E #774352 #6E3A47 #65313C #5C2831 #531F26 #4B161B

#804C5E - #4B161B

HSV Blend

#804C5E - #4B161B | 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 #804C5E as 0% and #4B161B as 100%.

0.0%	0.0% #804C5E	RGB 128 76 94	#804C5E
16.7%	16.7% #774051	RGB 119 64 81	#774051
33.3%	33.3% #6E3645	RGB 110 54 69	#6E3645
50.0%	50.0% #652D39	RGB 101 45 57	#652D39
66.7%	66.7% #5C242E	RGB 92 36 46	#5C242E
83.3%	83.3% #531C24	RGB 83 28 36	#531C24
100.0%	100.0% #4B161B	RGB 75 22 27	#4B161B

#804C5E #774051 #6E3645 #652D39 #5C242E #531C24 #4B161B

#804C5E - #652D39 - #4B161B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #804C5E 0%, #652D39 50%, #4B161B 100%);
    background: -webkit-linear-gradient(top, #804C5E 0%, #652D39 50%, #4B161B 100%);
    background: linear-gradient(to bottom, #804C5E 0%, #652D39 50%, #4B161B 100%);
}
</style>