#0020A8 - #181E4E | 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 #0020A8 to #181E4E

#0020A8 #181E4E

Calculate the color between two colors, #0020A8 and #181E4E. 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)

#0020A8 - #181E4E | 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 #0020A8 as 0% and #181E4E as 100%.

0.0%	0.0% #0020A8	RGB 0 32 168	#0020A8
16.7%	16.7% #041F99	RGB 4 31 153	#041F99
33.3%	33.3% #081F8A	RGB 8 31 138	#081F8A
50.0%	50.0% #0C1F7B	RGB 12 31 123	#0C1F7B
66.7%	66.7% #101E6C	RGB 16 30 108	#101E6C
83.3%	83.3% #141E5D	RGB 20 30 93	#141E5D
100.0%	100.0% #181E4E	RGB 24 30 78	#181E4E

#0020A8 #041F99 #081F8A #0C1F7B #101E6C #141E5D #181E4E

#0020A8 - #181E4E

HSV Blend

#0020A8 - #181E4E | 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 #0020A8 as 0% and #181E4E as 100%.

0.0%	0.0% #001FA8	RGB 0 31 168	#001FA8
16.7%	16.7% #072199	RGB 7 33 153	#072199
33.3%	33.3% #0E228A	RGB 14 34 138	#0E228A
50.0%	50.0% #12227B	RGB 18 34 123	#12227B
66.7%	66.7% #16216C	RGB 22 33 108	#16216C
83.3%	83.3% #17205D	RGB 23 32 93	#17205D
100.0%	100.0% #181E4E	RGB 24 30 78	#181E4E

#001FA8 #072199 #0E228A #12227B #16216C #17205D #181E4E

#0020A8 - #12227B - #181E4E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #001FA8 0%, #12227B 50%, #181E4E 100%);
    background: -webkit-linear-gradient(top, #001FA8 0%, #12227B 50%, #181E4E 100%);
    background: linear-gradient(to bottom, #001FA8 0%, #12227B 50%, #181E4E 100%);
}
</style>