#080D24 - #1F3C5B | 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 #080D24 to #1F3C5B

#080D24 #1F3C5B

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

#080D24 - #1F3C5B | 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 #080D24 as 0% and #1F3C5B as 100%.

0.0%	0.0% #080D24	RGB 8 13 36	#080D24
16.7%	16.7% #0B142D	RGB 11 20 45	#0B142D
33.3%	33.3% #0F1C36	RGB 15 28 54	#0F1C36
50.0%	50.0% #13243F	RGB 19 36 63	#13243F
66.7%	66.7% #172C48	RGB 23 44 72	#172C48
83.3%	83.3% #1B3451	RGB 27 52 81	#1B3451
100.0%	100.0% #1F3C5B	RGB 31 60 91	#1F3C5B

#080D24 #0B142D #0F1C36 #13243F #172C48 #1B3451 #1F3C5B

#080D24 - #1F3C5B

HSV Blend

#080D24 - #1F3C5B | 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 #080D24 as 0% and #1F3C5B as 100%.

0.0%	0.0% #070C24	RGB 7 12 36	#070C24
16.7%	16.7% #0A122D	RGB 10 18 45	#0A122D
33.3%	33.3% #0E1936	RGB 14 25 54	#0E1936
50.0%	50.0% #11203F	RGB 17 32 63	#11203F
66.7%	66.7% #152948	RGB 21 41 72	#152948
83.3%	83.3% #1A3251	RGB 26 50 81	#1A3251
100.0%	100.0% #1F3C5B	RGB 31 60 91	#1F3C5B

#070C24 #0A122D #0E1936 #11203F #152948 #1A3251 #1F3C5B

#080D24 - #11203F - #1F3C5B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #070C24 0%, #11203F 50%, #1F3C5B 100%);
    background: -webkit-linear-gradient(top, #070C24 0%, #11203F 50%, #1F3C5B 100%);
    background: linear-gradient(to bottom, #070C24 0%, #11203F 50%, #1F3C5B 100%);
}
</style>