#3C331B - #201900 | 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 #3C331B to #201900

#3C331B #201900

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

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

0.0%	0.0% #3C331B	RGB 60 51 27	#3C331B
16.7%	16.7% #372E16	RGB 55 46 22	#372E16
33.3%	33.3% #322A12	RGB 50 42 18	#322A12
50.0%	50.0% #2E260D	RGB 46 38 13	#2E260D
66.7%	66.7% #292109	RGB 41 33 9	#292109
83.3%	83.3% #241D04	RGB 36 29 4	#241D04
100.0%	100.0% #201900	RGB 32 25 0	#201900

#3C331B #372E16 #322A12 #2E260D #292109 #241D04 #201900

#3C331B - #201900

HSV Blend

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

0.0%	0.0% #3C331B	RGB 60 51 27	#3C331B
16.7%	16.7% #372E14	RGB 55 46 20	#372E14
33.3%	33.3% #32290F	RGB 50 41 15	#32290F
50.0%	50.0% #2E250A	RGB 46 37 10	#2E250A
66.7%	66.7% #292106	RGB 41 33 6	#292106
83.3%	83.3% #241C02	RGB 36 28 2	#241C02
100.0%	100.0% #201900	RGB 32 25 0	#201900

#3C331B #372E14 #32290F #2E250A #292106 #241C02 #201900

#3C331B - #2E250A - #201900

CSS codes

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

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