#3E3C48 - #1F090F | 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 #3E3C48 to #1F090F

#3E3C48 #1F090F

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

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

0.0%	0.0% #3E3C48	RGB 62 60 72	#3E3C48
16.7%	16.7% #38333E	RGB 56 51 62	#38333E
33.3%	33.3% #332B35	RGB 51 43 53	#332B35
50.0%	50.0% #2E222B	RGB 46 34 43	#2E222B
66.7%	66.7% #291A22	RGB 41 26 34	#291A22
83.3%	83.3% #241118	RGB 36 17 24	#241118
100.0%	100.0% #1F090F	RGB 31 9 15	#1F090F

#3E3C48 #38333E #332B35 #2E222B #291A22 #241118 #1F090F

#3E3C48 - #1F090F

HSV Blend

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

0.0%	0.0% #3E3C48	RGB 62 60 72	#3E3C48
16.7%	16.7% #373041	RGB 55 48 65	#373041
33.3%	33.3% #33263A	RGB 51 38 58	#33263A
50.0%	50.0% #321C33	RGB 50 28 51	#321C33
66.7%	66.7% #2C1527	RGB 44 21 39	#2C1527
83.3%	83.3% #250E1A	RGB 37 14 26	#250E1A
100.0%	100.0% #1F090F	RGB 31 9 15	#1F090F

#3E3C48 #373041 #33263A #321C33 #2C1527 #250E1A #1F090F

#3E3C48 - #321C33 - #1F090F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C48 0%, #321C33 50%, #1F090F 100%);
    background: -webkit-linear-gradient(top, #3E3C48 0%, #321C33 50%, #1F090F 100%);
    background: linear-gradient(to bottom, #3E3C48 0%, #321C33 50%, #1F090F 100%);
}
</style>