#3E3E3E - #4A1601 | 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 #3E3E3E to #4A1601

#3E3E3E #4A1601

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

#3E3E3E - #4A1601 | 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 #3E3E3E as 0% and #4A1601 as 100%.

0.0%	0.0% #3E3E3E	RGB 62 62 62	#3E3E3E
16.7%	16.7% #403733	RGB 64 55 51	#403733
33.3%	33.3% #423029	RGB 66 48 41	#423029
50.0%	50.0% #442A1F	RGB 68 42 31	#442A1F
66.7%	66.7% #462315	RGB 70 35 21	#462315
83.3%	83.3% #481C0B	RGB 72 28 11	#481C0B
100.0%	100.0% #4A1601	RGB 74 22 1	#4A1601

#3E3E3E #403733 #423029 #442A1F #462315 #481C0B #4A1601

#3E3E3E - #4A1601

HSV Blend

#3E3E3E - #4A1601 | 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 #3E3E3E as 0% and #4A1601 as 100%.

0.0%	0.0% #3E3E3E	RGB 62 62 62	#3E3E3E
16.7%	16.7% #403535	RGB 64 53 53	#403535
33.3%	33.3% #422E2C	RGB 66 46 44	#422E2C
50.0%	50.0% #442722	RGB 68 39 34	#442722
66.7%	66.7% #462017	RGB 70 32 23	#462017
83.3%	83.3% #481B0C	RGB 72 27 12	#481B0C
100.0%	100.0% #4A1601	RGB 74 22 1	#4A1601

#3E3E3E #403535 #422E2C #442722 #462017 #481B0C #4A1601

#3E3E3E - #442722 - #4A1601

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E3E 0%, #442722 50%, #4A1601 100%);
    background: -webkit-linear-gradient(top, #3E3E3E 0%, #442722 50%, #4A1601 100%);
    background: linear-gradient(to bottom, #3E3E3E 0%, #442722 50%, #4A1601 100%);
}
</style>