#3C2B2B - #411001 | 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 #3C2B2B to #411001

#3C2B2B #411001

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

#3C2B2B - #411001 | 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 #3C2B2B as 0% and #411001 as 100%.

0.0%	0.0% #3C2B2B	RGB 60 43 43	#3C2B2B
16.7%	16.7% #3C2624	RGB 60 38 36	#3C2624
33.3%	33.3% #3D221D	RGB 61 34 29	#3D221D
50.0%	50.0% #3E1D16	RGB 62 29 22	#3E1D16
66.7%	66.7% #3F190F	RGB 63 25 15	#3F190F
83.3%	83.3% #401408	RGB 64 20 8	#401408
100.0%	100.0% #411001	RGB 65 16 1	#411001

#3C2B2B #3C2624 #3D221D #3E1D16 #3F190F #401408 #411001

#3C2B2B - #411001

HSV Blend

#3C2B2B - #411001 | 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 #3C2B2B as 0% and #411001 as 100%.

0.0%	0.0% #3C2B2B	RGB 60 43 43	#3C2B2B
16.7%	16.7% #3C2524	RGB 60 37 36	#3C2524
33.3%	33.3% #3D201D	RGB 61 32 29	#3D201D
50.0%	50.0% #3E1B16	RGB 62 27 22	#3E1B16
66.7%	66.7% #3F170F	RGB 63 23 15	#3F170F
83.3%	83.3% #401308	RGB 64 19 8	#401308
100.0%	100.0% #411001	RGB 65 16 1	#411001

#3C2B2B #3C2524 #3D201D #3E1B16 #3F170F #401308 #411001

#3C2B2B - #3E1B16 - #411001

CSS codes

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

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