#0073AD - #007CF3 | 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 #0073AD to #007CF3

#0073AD #007CF3

Calculate the color between two colors, #0073AD and #007CF3. 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)

#0073AD - #007CF3 | 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 #0073AD as 0% and #007CF3 as 100%.

0.0%	0.0% #0073AD	RGB 0 115 173	#0073AD
16.7%	16.7% #0074B8	RGB 0 116 184	#0074B8
33.3%	33.3% #0076C4	RGB 0 118 196	#0076C4
50.0%	50.0% #0077D0	RGB 0 119 208	#0077D0
66.7%	66.7% #0079DB	RGB 0 121 219	#0079DB
83.3%	83.3% #007AE7	RGB 0 122 231	#007AE7
100.0%	100.0% #007CF3	RGB 0 124 243	#007CF3

#0073AD #0074B8 #0076C4 #0077D0 #0079DB #007AE7 #007CF3

#0073AD - #007CF3

HSV Blend

#0073AD - #007CF3 | 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 #0073AD as 0% and #007CF3 as 100%.

0.0%	0.0% #0073AD	RGB 0 115 173	#0073AD
16.7%	16.7% #0076B8	RGB 0 118 184	#0076B8
33.3%	33.3% #0078C4	RGB 0 120 196	#0078C4
50.0%	50.0% #007AD0	RGB 0 122 208	#007AD0
66.7%	66.7% #007BDB	RGB 0 123 219	#007BDB
83.3%	83.3% #007CE7	RGB 0 124 231	#007CE7
100.0%	100.0% #007CF3	RGB 0 124 243	#007CF3

#0073AD #0076B8 #0078C4 #007AD0 #007BDB #007CE7 #007CF3

#0073AD - #007AD0 - #007CF3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0073AD 0%, #007AD0 50%, #007CF3 100%);
    background: -webkit-linear-gradient(top, #0073AD 0%, #007AD0 50%, #007CF3 100%);
    background: linear-gradient(to bottom, #0073AD 0%, #007AD0 50%, #007CF3 100%);
}
</style>