#3E1A20 - #1B0909 | 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 #3E1A20 to #1B0909

#3E1A20 #1B0909

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

#3E1A20 - #1B0909 | 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 #3E1A20 as 0% and #1B0909 as 100%.

0.0%	0.0% #3E1A20	RGB 62 26 32	#3E1A20
16.7%	16.7% #38171C	RGB 56 23 28	#38171C
33.3%	33.3% #321418	RGB 50 20 24	#321418
50.0%	50.0% #2C1114	RGB 44 17 20	#2C1114
66.7%	66.7% #260E10	RGB 38 14 16	#260E10
83.3%	83.3% #200B0C	RGB 32 11 12	#200B0C
100.0%	100.0% #1B0909	RGB 27 9 9	#1B0909

#3E1A20 #38171C #321418 #2C1114 #260E10 #200B0C #1B0909

#3E1A20 - #1B0909

HSV Blend

#3E1A20 - #1B0909 | 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 #3E1A20 as 0% and #1B0909 as 100%.

0.0%	0.0% #3E1A20	RGB 62 26 32	#3E1A20
16.7%	16.7% #38161B	RGB 56 22 27	#38161B
33.3%	33.3% #321317	RGB 50 19 23	#321317
50.0%	50.0% #2C1013	RGB 44 16 19	#2C1013
66.7%	66.7% #260D0F	RGB 38 13 15	#260D0F
83.3%	83.3% #200B0C	RGB 32 11 12	#200B0C
100.0%	100.0% #1B0909	RGB 27 9 9	#1B0909

#3E1A20 #38161B #321317 #2C1013 #260D0F #200B0C #1B0909

#3E1A20 - #2C1013 - #1B0909

CSS codes

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

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