#1F3E5E - #121614 | 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 #1F3E5E to #121614

#1F3E5E #121614

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

#1F3E5E - #121614 | 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 #1F3E5E as 0% and #121614 as 100%.

0.0%	0.0% #1F3E5E	RGB 31 62 94	#1F3E5E
16.7%	16.7% #1C3751	RGB 28 55 81	#1C3751
33.3%	33.3% #1A3045	RGB 26 48 69	#1A3045
50.0%	50.0% #182A39	RGB 24 42 57	#182A39
66.7%	66.7% #16232C	RGB 22 35 44	#16232C
83.3%	83.3% #141C20	RGB 20 28 32	#141C20
100.0%	100.0% #121614	RGB 18 22 20	#121614

#1F3E5E #1C3751 #1A3045 #182A39 #16232C #141C20 #121614

#1F3E5E - #121614

HSV Blend

#1F3E5E - #121614 | 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 #1F3E5E as 0% and #121614 as 100%.

0.0%	0.0% #1F3E5E	RGB 31 62 94	#1F3E5E
16.7%	16.7% #214152	RGB 33 65 82	#214152
33.3%	33.3% #223F46	RGB 34 63 70	#223F46
50.0%	50.0% #21393A	RGB 33 57 58	#21393A
66.7%	66.7% #1E2E2B	RGB 30 46 43	#1E2E2B
83.3%	83.3% #19221F	RGB 25 34 31	#19221F
100.0%	100.0% #121614	RGB 18 22 20	#121614

#1F3E5E #214152 #223F46 #21393A #1E2E2B #19221F #121614

#1F3E5E - #21393A - #121614

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F3E5E 0%, #21393A 50%, #121614 100%);
    background: -webkit-linear-gradient(top, #1F3E5E 0%, #21393A 50%, #121614 100%);
    background: linear-gradient(to bottom, #1F3E5E 0%, #21393A 50%, #121614 100%);
}
</style>