#0052A8 - #182E4E | 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 #0052A8 to #182E4E

#0052A8 #182E4E

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

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

0.0%	0.0% #0052A8	RGB 0 82 168	#0052A8
16.7%	16.7% #044C99	RGB 4 76 153	#044C99
33.3%	33.3% #08468A	RGB 8 70 138	#08468A
50.0%	50.0% #0C407B	RGB 12 64 123	#0C407B
66.7%	66.7% #103A6C	RGB 16 58 108	#103A6C
83.3%	83.3% #14345D	RGB 20 52 93	#14345D
100.0%	100.0% #182E4E	RGB 24 46 78	#182E4E

#0052A8 #044C99 #08468A #0C407B #103A6C #14345D #182E4E

#0052A8 - #182E4E

HSV Blend

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

0.0%	0.0% #0052A8	RGB 0 82 168	#0052A8
16.7%	16.7% #074C99	RGB 7 76 153	#074C99
33.3%	33.3% #0E478A	RGB 14 71 138	#0E478A
50.0%	50.0% #12417B	RGB 18 65 123	#12417B
66.7%	66.7% #163B6C	RGB 22 59 108	#163B6C
83.3%	83.3% #17345D	RGB 23 52 93	#17345D
100.0%	100.0% #182E4E	RGB 24 46 78	#182E4E

#0052A8 #074C99 #0E478A #12417B #163B6C #17345D #182E4E

#0052A8 - #12417B - #182E4E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0052A8 0%, #12417B 50%, #182E4E 100%);
    background: -webkit-linear-gradient(top, #0052A8 0%, #12417B 50%, #182E4E 100%);
    background: linear-gradient(to bottom, #0052A8 0%, #12417B 50%, #182E4E 100%);
}
</style>