#0074FF - #0D2FAE | 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 #0074FF to #0D2FAE

#0074FF #0D2FAE

Calculate the color between two colors, #0074FF and #0D2FAE. 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)

#0074FF - #0D2FAE | 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 #0074FF as 0% and #0D2FAE as 100%.

0.0%	0.0% #0074FF	RGB 0 116 255	#0074FF
16.7%	16.7% #0268F1	RGB 2 104 241	#0268F1
33.3%	33.3% #045DE4	RGB 4 93 228	#045DE4
50.0%	50.0% #0651D6	RGB 6 81 214	#0651D6
66.7%	66.7% #0846C9	RGB 8 70 201	#0846C9
83.3%	83.3% #0A3ABB	RGB 10 58 187	#0A3ABB
100.0%	100.0% #0D2FAE	RGB 13 47 174	#0D2FAE

#0074FF #0268F1 #045DE4 #0651D6 #0846C9 #0A3ABB #0D2FAE

#0074FF - #0D2FAE

HSV Blend

#0074FF - #0D2FAE | 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 #0074FF as 0% and #0D2FAE as 100%.

0.0%	0.0% #0074FF	RGB 0 116 255	#0074FF
16.7%	16.7% #0365F1	RGB 3 101 241	#0365F1
33.3%	33.3% #0558E4	RGB 5 88 228	#0558E4
50.0%	50.0% #084CD6	RGB 8 76 214	#084CD6
66.7%	66.7% #0A41C9	RGB 10 65 201	#0A41C9
83.3%	83.3% #0B37BB	RGB 11 55 187	#0B37BB
100.0%	100.0% #0D2FAE	RGB 13 47 174	#0D2FAE

#0074FF #0365F1 #0558E4 #084CD6 #0A41C9 #0B37BB #0D2FAE

#0074FF - #084CD6 - #0D2FAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0074FF 0%, #084CD6 50%, #0D2FAE 100%);
    background: -webkit-linear-gradient(top, #0074FF 0%, #084CD6 50%, #0D2FAE 100%);
    background: linear-gradient(to bottom, #0074FF 0%, #084CD6 50%, #0D2FAE 100%);
}
</style>