#0070A8 - #1B3246 | 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 #0070A8 to #1B3246

#0070A8 #1B3246

Calculate the color between two colors, #0070A8 and #1B3246. 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)

#0070A8 - #1B3246 | 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 #0070A8 as 0% and #1B3246 as 100%.

0.0%	0.0% #0070A8	RGB 0 112 168	#0070A8
16.7%	16.7% #046597	RGB 4 101 151	#046597
33.3%	33.3% #095B87	RGB 9 91 135	#095B87
50.0%	50.0% #0D5177	RGB 13 81 119	#0D5177
66.7%	66.7% #124666	RGB 18 70 102	#124666
83.3%	83.3% #163C56	RGB 22 60 86	#163C56
100.0%	100.0% #1B3246	RGB 27 50 70	#1B3246

#0070A8 #046597 #095B87 #0D5177 #124666 #163C56 #1B3246

#0070A8 - #1B3246

HSV Blend

#0070A8 - #1B3246 | 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 #0070A8 as 0% and #1B3246 as 100%.

0.0%	0.0% #0070A8	RGB 0 112 168	#0070A8
16.7%	16.7% #096597	RGB 9 101 151	#096597
33.3%	33.3% #115A87	RGB 17 90 135	#115A87
50.0%	50.0% #165077	RGB 22 80 119	#165077
66.7%	66.7% #1A4666	RGB 26 70 102	#1A4666
83.3%	83.3% #1B3C56	RGB 27 60 86	#1B3C56
100.0%	100.0% #1B3246	RGB 27 50 70	#1B3246

#0070A8 #096597 #115A87 #165077 #1A4666 #1B3C56 #1B3246

#0070A8 - #165077 - #1B3246

CSS codes

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

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