#1B3B5E - #07101A | 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 #1B3B5E to #07101A

#1B3B5E #07101A

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

#1B3B5E - #07101A | 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 #1B3B5E as 0% and #07101A as 100%.

0.0%	0.0% #1B3B5E	RGB 27 59 94	#1B3B5E
16.7%	16.7% #173352	RGB 23 51 82	#173352
33.3%	33.3% #142C47	RGB 20 44 71	#142C47
50.0%	50.0% #11253C	RGB 17 37 60	#11253C
66.7%	66.7% #0D1E30	RGB 13 30 48	#0D1E30
83.3%	83.3% #0A1725	RGB 10 23 37	#0A1725
100.0%	100.0% #07101A	RGB 7 16 26	#07101A

#1B3B5E #173352 #142C47 #11253C #0D1E30 #0A1725 #07101A

#1B3B5E - #07101A

HSV Blend

#1B3B5E - #07101A | 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 #1B3B5E as 0% and #07101A as 100%.

0.0%	0.0% #1B3B5E	RGB 27 59 94	#1B3B5E
16.7%	16.7% #173352	RGB 23 51 82	#173352
33.3%	33.3% #142C47	RGB 20 44 71	#142C47
50.0%	50.0% #10253C	RGB 16 37 60	#10253C
66.7%	66.7% #0D1E30	RGB 13 30 48	#0D1E30
83.3%	83.3% #0A1725	RGB 10 23 37	#0A1725
100.0%	100.0% #07101A	RGB 7 16 26	#07101A

#1B3B5E #173352 #142C47 #10253C #0D1E30 #0A1725 #07101A

#1B3B5E - #10253C - #07101A

CSS codes

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

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