#0022A8 - #2078F7 | 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 #0022A8 to #2078F7

#0022A8 #2078F7

Calculate the color between two colors, #0022A8 and #2078F7. 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)

#0022A8 - #2078F7 | 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 #0022A8 as 0% and #2078F7 as 100%.

0.0%	0.0% #0022A8	RGB 0 34 168	#0022A8
16.7%	16.7% #0530B5	RGB 5 48 181	#0530B5
33.3%	33.3% #0A3EC2	RGB 10 62 194	#0A3EC2
50.0%	50.0% #104DCF	RGB 16 77 207	#104DCF
66.7%	66.7% #155BDC	RGB 21 91 220	#155BDC
83.3%	83.3% #1A69E9	RGB 26 105 233	#1A69E9
100.0%	100.0% #2078F7	RGB 32 120 247	#2078F7

#0022A8 #0530B5 #0A3EC2 #104DCF #155BDC #1A69E9 #2078F7

#0022A8 - #2078F7

HSV Blend

#0022A8 - #2078F7 | 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 #0022A8 as 0% and #2078F7 as 100%.

0.0%	0.0% #0022A8	RGB 0 34 168	#0022A8
16.7%	16.7% #032DB5	RGB 3 45 181	#032DB5
33.3%	33.3% #083AC2	RGB 8 58 194	#083AC2
50.0%	50.0% #0D48CF	RGB 13 72 207	#0D48CF
66.7%	66.7% #1357DC	RGB 19 87 220	#1357DC
83.3%	83.3% #1967E9	RGB 25 103 233	#1967E9
100.0%	100.0% #2078F7	RGB 32 120 247	#2078F7

#0022A8 #032DB5 #083AC2 #0D48CF #1357DC #1967E9 #2078F7

#0022A8 - #0D48CF - #2078F7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0022A8 0%, #0D48CF 50%, #2078F7 100%);
    background: -webkit-linear-gradient(top, #0022A8 0%, #0D48CF 50%, #2078F7 100%);
    background: linear-gradient(to bottom, #0022A8 0%, #0D48CF 50%, #2078F7 100%);
}
</style>