#1B2AD2 - #070C3C | 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 #1B2AD2 to #070C3C

#1B2AD2 #070C3C

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

#1B2AD2 - #070C3C | 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 #1B2AD2 as 0% and #070C3C as 100%.

0.0%	0.0% #1B2AD2	RGB 27 42 210	#1B2AD2
16.7%	16.7% #1725B9	RGB 23 37 185	#1725B9
33.3%	33.3% #1420A0	RGB 20 32 160	#1420A0
50.0%	50.0% #111B87	RGB 17 27 135	#111B87
66.7%	66.7% #0D166E	RGB 13 22 110	#0D166E
83.3%	83.3% #0A1155	RGB 10 17 85	#0A1155
100.0%	100.0% #070C3C	RGB 7 12 60	#070C3C

#1B2AD2 #1725B9 #1420A0 #111B87 #0D166E #0A1155 #070C3C

#1B2AD2 - #070C3C

HSV Blend

#1B2AD2 - #070C3C | 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 #1B2AD2 as 0% and #070C3C as 100%.

0.0%	0.0% #1B29D2	RGB 27 41 210	#1B29D2
16.7%	16.7% #1724B9	RGB 23 36 185	#1724B9
33.3%	33.3% #131FA0	RGB 19 31 160	#131FA0
50.0%	50.0% #101A87	RGB 16 26 135	#101A87
66.7%	66.7% #0D156E	RGB 13 21 110	#0D156E
83.3%	83.3% #0A1055	RGB 10 16 85	#0A1055
100.0%	100.0% #070C3C	RGB 7 12 60	#070C3C

#1B29D2 #1724B9 #131FA0 #101A87 #0D156E #0A1055 #070C3C

#1B2AD2 - #101A87 - #070C3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B29D2 0%, #101A87 50%, #070C3C 100%);
    background: -webkit-linear-gradient(top, #1B29D2 0%, #101A87 50%, #070C3C 100%);
    background: linear-gradient(to bottom, #1B29D2 0%, #101A87 50%, #070C3C 100%);
}
</style>