#3C3A48 - #1F080E | 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 #3C3A48 to #1F080E

#3C3A48 #1F080E

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

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

0.0%	0.0% #3C3A48	RGB 60 58 72	#3C3A48
16.7%	16.7% #37313E	RGB 55 49 62	#37313E
33.3%	33.3% #322934	RGB 50 41 52	#322934
50.0%	50.0% #2D212B	RGB 45 33 43	#2D212B
66.7%	66.7% #281821	RGB 40 24 33	#281821
83.3%	83.3% #231017	RGB 35 16 23	#231017
100.0%	100.0% #1F080E	RGB 31 8 14	#1F080E

#3C3A48 #37313E #322934 #2D212B #281821 #231017 #1F080E

#3C3A48 - #1F080E

HSV Blend

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

0.0%	0.0% #3C3A48	RGB 60 58 72	#3C3A48
16.7%	16.7% #362E41	RGB 54 46 65	#362E41
33.3%	33.3% #33243A	RGB 51 36 58	#33243A
50.0%	50.0% #321B33	RGB 50 27 51	#321B33
66.7%	66.7% #2C1327	RGB 44 19 39	#2C1327
83.3%	83.3% #250D1A	RGB 37 13 26	#250D1A
100.0%	100.0% #1F080E	RGB 31 8 14	#1F080E

#3C3A48 #362E41 #33243A #321B33 #2C1327 #250D1A #1F080E

#3C3A48 - #321B33 - #1F080E

CSS codes

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

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