#141E4D - #080A1B | 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 #141E4D to #080A1B

#141E4D #080A1B

Calculate the color between two colors, #141E4D and #080A1B. 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)

#141E4D - #080A1B | 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 #141E4D as 0% and #080A1B as 100%.

0.0%	0.0% #141E4D	RGB 20 30 77	#141E4D
16.7%	16.7% #121A44	RGB 18 26 68	#121A44
33.3%	33.3% #10173C	RGB 16 23 60	#10173C
50.0%	50.0% #0E1434	RGB 14 20 52	#0E1434
66.7%	66.7% #0C102B	RGB 12 16 43	#0C102B
83.3%	83.3% #0A0D23	RGB 10 13 35	#0A0D23
100.0%	100.0% #080A1B	RGB 8 10 27	#080A1B

#141E4D #121A44 #10173C #0E1434 #0C102B #0A0D23 #080A1B

#141E4D - #080A1B

HSV Blend

#141E4D - #080A1B | 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 #141E4D as 0% and #080A1B as 100%.

0.0%	0.0% #131D4D	RGB 19 29 77	#131D4D
16.7%	16.7% #121A44	RGB 18 26 68	#121A44
33.3%	33.3% #10173C	RGB 16 23 60	#10173C
50.0%	50.0% #0E1334	RGB 14 19 52	#0E1334
66.7%	66.7% #0C102B	RGB 12 16 43	#0C102B
83.3%	83.3% #0A0D23	RGB 10 13 35	#0A0D23
100.0%	100.0% #080A1B	RGB 8 10 27	#080A1B

#131D4D #121A44 #10173C #0E1334 #0C102B #0A0D23 #080A1B

#141E4D - #0E1334 - #080A1B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #131D4D 0%, #0E1334 50%, #080A1B 100%);
    background: -webkit-linear-gradient(top, #131D4D 0%, #0E1334 50%, #080A1B 100%);
    background: linear-gradient(to bottom, #131D4D 0%, #0E1334 50%, #080A1B 100%);
}
</style>