#401010 - #894235 | 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 #401010 to #894235

#401010 #894235

Calculate the color between two colors, #401010 and #894235. 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)

#401010 - #894235 | 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 #401010 as 0% and #894235 as 100%.

0.0%	0.0% #401010	RGB 64 16 16	#401010
16.7%	16.7% #4C1816	RGB 76 24 22	#4C1816
33.3%	33.3% #58201C	RGB 88 32 28	#58201C
50.0%	50.0% #642922	RGB 100 41 34	#642922
66.7%	66.7% #703128	RGB 112 49 40	#703128
83.3%	83.3% #7C392E	RGB 124 57 46	#7C392E
100.0%	100.0% #894235	RGB 137 66 53	#894235

#401010 #4C1816 #58201C #642922 #703128 #7C392E #894235

#401010 - #894235

HSV Blend

#401010 - #894235 | 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 #401010 as 0% and #894235 as 100%.

0.0%	0.0% #401010	RGB 64 16 16	#401010
16.7%	16.7% #4C1614	RGB 76 22 20	#4C1614
33.3%	33.3% #581D1A	RGB 88 29 26	#581D1A
50.0%	50.0% #642520	RGB 100 37 32	#642520
66.7%	66.7% #702E26	RGB 112 46 38	#702E26
83.3%	83.3% #7C372D	RGB 124 55 45	#7C372D
100.0%	100.0% #894235	RGB 137 66 53	#894235

#401010 #4C1614 #581D1A #642520 #702E26 #7C372D #894235

#401010 - #642520 - #894235

CSS codes

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

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