#1D2B5E - #080C1A | 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 #1D2B5E to #080C1A

#1D2B5E #080C1A

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

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

0.0%	0.0% #1D2B5E	RGB 29 43 94	#1D2B5E
16.7%	16.7% #192552	RGB 25 37 82	#192552
33.3%	33.3% #162047	RGB 22 32 71	#162047
50.0%	50.0% #121B3C	RGB 18 27 60	#121B3C
66.7%	66.7% #0F1630	RGB 15 22 48	#0F1630
83.3%	83.3% #0B1125	RGB 11 17 37	#0B1125
100.0%	100.0% #080C1A	RGB 8 12 26	#080C1A

#1D2B5E #192552 #162047 #121B3C #0F1630 #0B1125 #080C1A

#1D2B5E - #080C1A

HSV Blend

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

0.0%	0.0% #1D2A5E	RGB 29 42 94	#1D2A5E
16.7%	16.7% #192552	RGB 25 37 82	#192552
33.3%	33.3% #152047	RGB 21 32 71	#152047
50.0%	50.0% #121B3C	RGB 18 27 60	#121B3C
66.7%	66.7% #0E1630	RGB 14 22 48	#0E1630
83.3%	83.3% #0B1125	RGB 11 17 37	#0B1125
100.0%	100.0% #080C1A	RGB 8 12 26	#080C1A

#1D2A5E #192552 #152047 #121B3C #0E1630 #0B1125 #080C1A

#1D2B5E - #121B3C - #080C1A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1D2A5E 0%, #121B3C 50%, #080C1A 100%);
    background: -webkit-linear-gradient(top, #1D2A5E 0%, #121B3C 50%, #080C1A 100%);
    background: linear-gradient(to bottom, #1D2A5E 0%, #121B3C 50%, #080C1A 100%);
}
</style>