#0094EC - #074BA3 | 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 #0094EC to #074BA3

#0094EC #074BA3

Calculate the color between two colors, #0094EC and #074BA3. 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)

#0094EC - #074BA3 | 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 #0094EC as 0% and #074BA3 as 100%.

0.0%	0.0% #0094EC	RGB 0 148 236	#0094EC
16.7%	16.7% #0187DF	RGB 1 135 223	#0187DF
33.3%	33.3% #027BD3	RGB 2 123 211	#027BD3
50.0%	50.0% #036FC7	RGB 3 111 199	#036FC7
66.7%	66.7% #0463BB	RGB 4 99 187	#0463BB
83.3%	83.3% #0557AF	RGB 5 87 175	#0557AF
100.0%	100.0% #074BA3	RGB 7 75 163	#074BA3

#0094EC #0187DF #027BD3 #036FC7 #0463BB #0557AF #074BA3

#0094EC - #074BA3

HSV Blend

#0094EC - #074BA3 | 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 #0094EC as 0% and #074BA3 as 100%.

0.0%	0.0% #0093EC	RGB 0 147 236	#0093EC
16.7%	16.7% #0185DF	RGB 1 133 223	#0185DF
33.3%	33.3% #0378D3	RGB 3 120 211	#0378D3
50.0%	50.0% #046CC7	RGB 4 108 199	#046CC7
66.7%	66.7% #0560BB	RGB 5 96 187	#0560BB
83.3%	83.3% #0655AF	RGB 6 85 175	#0655AF
100.0%	100.0% #074BA3	RGB 7 75 163	#074BA3

#0093EC #0185DF #0378D3 #046CC7 #0560BB #0655AF #074BA3

#0094EC - #046CC7 - #074BA3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0093EC 0%, #046CC7 50%, #074BA3 100%);
    background: -webkit-linear-gradient(top, #0093EC 0%, #046CC7 50%, #074BA3 100%);
    background: linear-gradient(to bottom, #0093EC 0%, #046CC7 50%, #074BA3 100%);
}
</style>