#0042A8 - #419EEA | 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 #0042A8 to #419EEA

#0042A8 #419EEA

Calculate the color between two colors, #0042A8 and #419EEA. 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)

#0042A8 - #419EEA | 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 #0042A8 as 0% and #419EEA as 100%.

0.0%	0.0% #0042A8	RGB 0 66 168	#0042A8
16.7%	16.7% #0A51B3	RGB 10 81 179	#0A51B3
33.3%	33.3% #1560BE	RGB 21 96 190	#1560BE
50.0%	50.0% #2070C9	RGB 32 112 201	#2070C9
66.7%	66.7% #2B7FD4	RGB 43 127 212	#2B7FD4
83.3%	83.3% #368EDF	RGB 54 142 223	#368EDF
100.0%	100.0% #419EEA	RGB 65 158 234	#419EEA

#0042A8 #0A51B3 #1560BE #2070C9 #2B7FD4 #368EDF #419EEA

#0042A8 - #419EEA

HSV Blend

#0042A8 - #419EEA | 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 #0042A8 as 0% and #419EEA as 100%.

0.0%	0.0% #0042A8	RGB 0 66 168	#0042A8
16.7%	16.7% #084FB3	RGB 8 79 179	#084FB3
33.3%	33.3% #115EBE	RGB 17 94 190	#115EBE
50.0%	50.0% #1B6DC9	RGB 27 109 201	#1B6DC9
66.7%	66.7% #277DD4	RGB 39 125 212	#277DD4
83.3%	83.3% #338DDF	RGB 51 141 223	#338DDF
100.0%	100.0% #419EEA	RGB 65 158 234	#419EEA

#0042A8 #084FB3 #115EBE #1B6DC9 #277DD4 #338DDF #419EEA

#0042A8 - #1B6DC9 - #419EEA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0042A8 0%, #1B6DC9 50%, #419EEA 100%);
    background: -webkit-linear-gradient(top, #0042A8 0%, #1B6DC9 50%, #419EEA 100%);
    background: linear-gradient(to bottom, #0042A8 0%, #1B6DC9 50%, #419EEA 100%);
}
</style>