#3B3648 - #1B080E | 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 #3B3648 to #1B080E

#3B3648 #1B080E

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

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

0.0%	0.0% #3B3648	RGB 59 54 72	#3B3648
16.7%	16.7% #352E3E	RGB 53 46 62	#352E3E
33.3%	33.3% #302634	RGB 48 38 52	#302634
50.0%	50.0% #2B1F2B	RGB 43 31 43	#2B1F2B
66.7%	66.7% #251721	RGB 37 23 33	#251721
83.3%	83.3% #200F17	RGB 32 15 23	#200F17
100.0%	100.0% #1B080E	RGB 27 8 14	#1B080E

#3B3648 #352E3E #302634 #2B1F2B #251721 #200F17 #1B080E

#3B3648 - #1B080E

HSV Blend

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

0.0%	0.0% #3B3648	RGB 59 54 72	#3B3648
16.7%	16.7% #362B40	RGB 54 43 64	#362B40
33.3%	33.3% #332239	RGB 51 34 57	#332239
50.0%	50.0% #311931	RGB 49 25 49	#311931
66.7%	66.7% #2A1225	RGB 42 18 37	#2A1225
83.3%	83.3% #220C18	RGB 34 12 24	#220C18
100.0%	100.0% #1B080E	RGB 27 8 14	#1B080E

#3B3648 #362B40 #332239 #311931 #2A1225 #220C18 #1B080E

#3B3648 - #311931 - #1B080E

CSS codes

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

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