#000EE7 - #0070FF | 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 #000EE7 to #0070FF

#000EE7 #0070FF

Calculate the color between two colors, #000EE7 and #0070FF. 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)

#000EE7 - #0070FF | 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 #000EE7 as 0% and #0070FF as 100%.

0.0%	0.0% #000EE7	RGB 0 14 231	#000EE7
16.7%	16.7% #001EEB	RGB 0 30 235	#001EEB
33.3%	33.3% #002EEF	RGB 0 46 239	#002EEF
50.0%	50.0% #003FF3	RGB 0 63 243	#003FF3
66.7%	66.7% #004FF7	RGB 0 79 247	#004FF7
83.3%	83.3% #005FFB	RGB 0 95 251	#005FFB
100.0%	100.0% #0070FF	RGB 0 112 255	#0070FF

#000EE7 #001EEB #002EEF #003FF3 #004FF7 #005FFB #0070FF

#000EE7 - #0070FF

HSV Blend

#000EE7 - #0070FF | 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 #000EE7 as 0% and #0070FF as 100%.

0.0%	0.0% #000DE7	RGB 0 13 231	#000DE7
16.7%	16.7% #001DEB	RGB 0 29 235	#001DEB
33.3%	33.3% #002CEF	RGB 0 44 239	#002CEF
50.0%	50.0% #003CF3	RGB 0 60 243	#003CF3
66.7%	66.7% #004DF7	RGB 0 77 247	#004DF7
83.3%	83.3% #005EFB	RGB 0 94 251	#005EFB
100.0%	100.0% #0070FF	RGB 0 112 255	#0070FF

#000DE7 #001DEB #002CEF #003CF3 #004DF7 #005EFB #0070FF

#000EE7 - #003CF3 - #0070FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000DE7 0%, #003CF3 50%, #0070FF 100%);
    background: -webkit-linear-gradient(top, #000DE7 0%, #003CF3 50%, #0070FF 100%);
    background: linear-gradient(to bottom, #000DE7 0%, #003CF3 50%, #0070FF 100%);
}
</style>