#1B3A8C - #071028 | 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 #1B3A8C to #071028

#1B3A8C #071028

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

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

0.0%	0.0% #1B3A8C	RGB 27 58 140	#1B3A8C
16.7%	16.7% #17337B	RGB 23 51 123	#17337B
33.3%	33.3% #142C6A	RGB 20 44 106	#142C6A
50.0%	50.0% #11255A	RGB 17 37 90	#11255A
66.7%	66.7% #0D1E49	RGB 13 30 73	#0D1E49
83.3%	83.3% #0A1738	RGB 10 23 56	#0A1738
100.0%	100.0% #071028	RGB 7 16 40	#071028

#1B3A8C #17337B #142C6A #11255A #0D1E49 #0A1738 #071028

#1B3A8C - #071028

HSV Blend

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

0.0%	0.0% #1B398C	RGB 27 57 140	#1B398C
16.7%	16.7% #17327B	RGB 23 50 123	#17327B
33.3%	33.3% #132B6A	RGB 19 43 106	#132B6A
50.0%	50.0% #10245A	RGB 16 36 90	#10245A
66.7%	66.7% #0D1D49	RGB 13 29 73	#0D1D49
83.3%	83.3% #0A1638	RGB 10 22 56	#0A1638
100.0%	100.0% #071028	RGB 7 16 40	#071028

#1B398C #17327B #132B6A #10245A #0D1D49 #0A1638 #071028

#1B3A8C - #10245A - #071028

CSS codes

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

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