#080B3E - #1D3E7B | 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 #080B3E to #1D3E7B

#080B3E #1D3E7B

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

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

0.0%	0.0% #080B3E	RGB 8 11 62	#080B3E
16.7%	16.7% #0B1348	RGB 11 19 72	#0B1348
33.3%	33.3% #0F1C52	RGB 15 28 82	#0F1C52
50.0%	50.0% #12245C	RGB 18 36 92	#12245C
66.7%	66.7% #162D66	RGB 22 45 102	#162D66
83.3%	83.3% #193570	RGB 25 53 112	#193570
100.0%	100.0% #1D3E7B	RGB 29 62 123	#1D3E7B

#080B3E #0B1348 #0F1C52 #12245C #162D66 #193570 #1D3E7B

#080B3E - #1D3E7B

HSV Blend

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

0.0%	0.0% #080B3E	RGB 8 11 62	#080B3E
16.7%	16.7% #0A1148	RGB 10 17 72	#0A1148
33.3%	33.3% #0D1852	RGB 13 24 82	#0D1852
50.0%	50.0% #10205C	RGB 16 32 92	#10205C
66.7%	66.7% #142966	RGB 20 41 102	#142966
83.3%	83.3% #183370	RGB 24 51 112	#183370
100.0%	100.0% #1D3E7B	RGB 29 62 123	#1D3E7B

#080B3E #0A1148 #0D1852 #10205C #142966 #183370 #1D3E7B

#080B3E - #10205C - #1D3E7B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #080B3E 0%, #10205C 50%, #1D3E7B 100%);
    background: -webkit-linear-gradient(top, #080B3E 0%, #10205C 50%, #1D3E7B 100%);
    background: linear-gradient(to bottom, #080B3E 0%, #10205C 50%, #1D3E7B 100%);
}
</style>