#4A2E2B - #411303 | 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 #4A2E2B to #411303

#4A2E2B #411303

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

#4A2E2B - #411303 | 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 #4A2E2B as 0% and #411303 as 100%.

0.0%	0.0% #4A2E2B	RGB 74 46 43	#4A2E2B
16.7%	16.7% #482924	RGB 72 41 36	#482924
33.3%	33.3% #47251D	RGB 71 37 29	#47251D
50.0%	50.0% #452017	RGB 69 32 23	#452017
66.7%	66.7% #441C10	RGB 68 28 16	#441C10
83.3%	83.3% #421709	RGB 66 23 9	#421709
100.0%	100.0% #411303	RGB 65 19 3	#411303

#4A2E2B #482924 #47251D #452017 #441C10 #421709 #411303

#4A2E2B - #411303

HSV Blend

#4A2E2B - #411303 | 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 #4A2E2B as 0% and #411303 as 100%.

0.0%	0.0% #4A2E2B	RGB 74 46 43	#4A2E2B
16.7%	16.7% #482823	RGB 72 40 35	#482823
33.3%	33.3% #47221C	RGB 71 34 28	#47221C
50.0%	50.0% #451E15	RGB 69 30 21	#451E15
66.7%	66.7% #441A0F	RGB 68 26 15	#441A0F
83.3%	83.3% #421608	RGB 66 22 8	#421608
100.0%	100.0% #411303	RGB 65 19 3	#411303

#4A2E2B #482823 #47221C #451E15 #441A0F #421608 #411303

#4A2E2B - #451E15 - #411303

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A2E2B 0%, #451E15 50%, #411303 100%);
    background: -webkit-linear-gradient(top, #4A2E2B 0%, #451E15 50%, #411303 100%);
    background: linear-gradient(to bottom, #4A2E2B 0%, #451E15 50%, #411303 100%);
}
</style>