#864C5E - #4D161C | 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 #864C5E to #4D161C

#864C5E #4D161C

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

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

0.0%	0.0% #864C5E	RGB 134 76 94	#864C5E
16.7%	16.7% #7C4353	RGB 124 67 83	#7C4353
33.3%	33.3% #733A48	RGB 115 58 72	#733A48
50.0%	50.0% #69313D	RGB 105 49 61	#69313D
66.7%	66.7% #602832	RGB 96 40 50	#602832
83.3%	83.3% #561F27	RGB 86 31 39	#561F27
100.0%	100.0% #4D161C	RGB 77 22 28	#4D161C

#864C5E #7C4353 #733A48 #69313D #602832 #561F27 #4D161C

#864C5E - #4D161C

HSV Blend

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

0.0%	0.0% #864C5E	RGB 134 76 94	#864C5E
16.7%	16.7% #7C4051	RGB 124 64 81	#7C4051
33.3%	33.3% #733645	RGB 115 54 69	#733645
50.0%	50.0% #692C39	RGB 105 44 57	#692C39
66.7%	66.7% #60242E	RGB 96 36 46	#60242E
83.3%	83.3% #561C25	RGB 86 28 37	#561C25
100.0%	100.0% #4D161C	RGB 77 22 28	#4D161C

#864C5E #7C4051 #733645 #692C39 #60242E #561C25 #4D161C

#864C5E - #692C39 - #4D161C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #864C5E 0%, #692C39 50%, #4D161C 100%);
    background: -webkit-linear-gradient(top, #864C5E 0%, #692C39 50%, #4D161C 100%);
    background: linear-gradient(to bottom, #864C5E 0%, #692C39 50%, #4D161C 100%);
}
</style>