#0070AF - #1A324D | 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 #0070AF to #1A324D

#0070AF #1A324D

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

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

0.0%	0.0% #0070AF	RGB 0 112 175	#0070AF
16.7%	16.7% #04659E	RGB 4 101 158	#04659E
33.3%	33.3% #085B8E	RGB 8 91 142	#085B8E
50.0%	50.0% #0D517E	RGB 13 81 126	#0D517E
66.7%	66.7% #11466D	RGB 17 70 109	#11466D
83.3%	83.3% #153C5D	RGB 21 60 93	#153C5D
100.0%	100.0% #1A324D	RGB 26 50 77	#1A324D

#0070AF #04659E #085B8E #0D517E #11466D #153C5D #1A324D

#0070AF - #1A324D

HSV Blend

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

0.0%	0.0% #0070AF	RGB 0 112 175	#0070AF
16.7%	16.7% #08649E	RGB 8 100 158	#08649E
33.3%	33.3% #10598E	RGB 16 89 142	#10598E
50.0%	50.0% #154F7E	RGB 21 79 126	#154F7E
66.7%	66.7% #18456D	RGB 24 69 109	#18456D
83.3%	83.3% #1A3B5D	RGB 26 59 93	#1A3B5D
100.0%	100.0% #1A324D	RGB 26 50 77	#1A324D

#0070AF #08649E #10598E #154F7E #18456D #1A3B5D #1A324D

#0070AF - #154F7E - #1A324D

CSS codes

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

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