#1B5BAB - #071930 | 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 #1B5BAB to #071930

#1B5BAB #071930

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

#1B5BAB - #071930 | 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 #1B5BAB as 0% and #071930 as 100%.

0.0%	0.0% #1B5BAB	RGB 27 91 171	#1B5BAB
16.7%	16.7% #175096	RGB 23 80 150	#175096
33.3%	33.3% #144582	RGB 20 69 130	#144582
50.0%	50.0% #113A6D	RGB 17 58 109	#113A6D
66.7%	66.7% #0D2F59	RGB 13 47 89	#0D2F59
83.3%	83.3% #0A2444	RGB 10 36 68	#0A2444
100.0%	100.0% #071930	RGB 7 25 48	#071930

#1B5BAB #175096 #144582 #113A6D #0D2F59 #0A2444 #071930

#1B5BAB - #071930

HSV Blend

#1B5BAB - #071930 | 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 #1B5BAB as 0% and #071930 as 100%.

0.0%	0.0% #1B5AAB	RGB 27 90 171	#1B5AAB
16.7%	16.7% #174F96	RGB 23 79 150	#174F96
33.3%	33.3% #144482	RGB 20 68 130	#144482
50.0%	50.0% #10396D	RGB 16 57 109	#10396D
66.7%	66.7% #0D2E59	RGB 13 46 89	#0D2E59
83.3%	83.3% #0A2344	RGB 10 35 68	#0A2344
100.0%	100.0% #071930	RGB 7 25 48	#071930

#1B5AAB #174F96 #144482 #10396D #0D2E59 #0A2344 #071930

#1B5BAB - #10396D - #071930

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B5AAB 0%, #10396D 50%, #071930 100%);
    background: -webkit-linear-gradient(top, #1B5AAB 0%, #10396D 50%, #071930 100%);
    background: linear-gradient(to bottom, #1B5AAB 0%, #10396D 50%, #071930 100%);
}
</style>