#3F3E3E - #4A1803 | 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 #3F3E3E to #4A1803

#3F3E3E #4A1803

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

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

0.0%	0.0% #3F3E3E	RGB 63 62 62	#3F3E3E
16.7%	16.7% #403734	RGB 64 55 52	#403734
33.3%	33.3% #42312A	RGB 66 49 42	#42312A
50.0%	50.0% #442B20	RGB 68 43 32	#442B20
66.7%	66.7% #462416	RGB 70 36 22	#462416
83.3%	83.3% #481E0C	RGB 72 30 12	#481E0C
100.0%	100.0% #4A1803	RGB 74 24 3	#4A1803

#3F3E3E #403734 #42312A #442B20 #462416 #481E0C #4A1803

#3F3E3E - #4A1803

HSV Blend

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

0.0%	0.0% #3F3E3E	RGB 63 62 62	#3F3E3E
16.7%	16.7% #403635	RGB 64 54 53	#403635
33.3%	33.3% #422E2C	RGB 66 46 44	#422E2C
50.0%	50.0% #442823	RGB 68 40 35	#442823
66.7%	66.7% #462118	RGB 70 33 24	#462118
83.3%	83.3% #481C0E	RGB 72 28 14	#481C0E
100.0%	100.0% #4A1803	RGB 74 24 3	#4A1803

#3F3E3E #403635 #422E2C #442823 #462118 #481C0E #4A1803

#3F3E3E - #442823 - #4A1803

CSS codes

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

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