#894040 - #61180A | 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 #894040 to #61180A

#894040 #61180A

Calculate the color between two colors, #894040 and #61180A. 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)

#894040 - #61180A | 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 #894040 as 0% and #61180A as 100%.

0.0%	0.0% #894040	RGB 137 64 64	#894040
16.7%	16.7% #823937	RGB 130 57 55	#823937
33.3%	33.3% #7B322E	RGB 123 50 46	#7B322E
50.0%	50.0% #752C25	RGB 117 44 37	#752C25
66.7%	66.7% #6E251C	RGB 110 37 28	#6E251C
83.3%	83.3% #671E13	RGB 103 30 19	#671E13
100.0%	100.0% #61180A	RGB 97 24 10	#61180A

#894040 #823937 #7B322E #752C25 #6E251C #671E13 #61180A

#894040 - #61180A

HSV Blend

#894040 - #61180A | 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 #894040 as 0% and #61180A as 100%.

0.0%	0.0% #894040	RGB 137 64 64	#894040
16.7%	16.7% #823734	RGB 130 55 52	#823734
33.3%	33.3% #7B2F2A	RGB 123 47 42	#7B2F2A
50.0%	50.0% #752821	RGB 117 40 33	#752821
66.7%	66.7% #6E2118	RGB 110 33 24	#6E2118
83.3%	83.3% #671C10	RGB 103 28 16	#671C10
100.0%	100.0% #61180A	RGB 97 24 10	#61180A

#894040 #823734 #7B2F2A #752821 #6E2118 #671C10 #61180A

#894040 - #752821 - #61180A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #894040 0%, #752821 50%, #61180A 100%);
    background: -webkit-linear-gradient(top, #894040 0%, #752821 50%, #61180A 100%);
    background: linear-gradient(to bottom, #894040 0%, #752821 50%, #61180A 100%);
}
</style>