#052E5E - #3749AF | 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 #052E5E to #3749AF

#052E5E #3749AF

Calculate the color between two colors, #052E5E and #3749AF. 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)

#052E5E - #3749AF | 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 #052E5E as 0% and #3749AF as 100%.

0.0%	0.0% #052E5E	RGB 5 46 94	#052E5E
16.7%	16.7% #0D326B	RGB 13 50 107	#0D326B
33.3%	33.3% #153779	RGB 21 55 121	#153779
50.0%	50.0% #1E3B86	RGB 30 59 134	#1E3B86
66.7%	66.7% #264094	RGB 38 64 148	#264094
83.3%	83.3% #2E44A1	RGB 46 68 161	#2E44A1
100.0%	100.0% #3749AF	RGB 55 73 175	#3749AF

#052E5E #0D326B #153779 #1E3B86 #264094 #2E44A1 #3749AF

#052E5E - #3749AF

HSV Blend

#052E5E - #3749AF | 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 #052E5E as 0% and #3749AF as 100%.

0.0%	0.0% #042E5E	RGB 4 46 94	#042E5E
16.7%	16.7% #0A326B	RGB 10 50 107	#0A326B
33.3%	33.3% #103679	RGB 16 54 121	#103679
50.0%	50.0% #183A86	RGB 24 58 134	#183A86
66.7%	66.7% #213E94	RGB 33 62 148	#213E94
83.3%	83.3% #2B43A1	RGB 43 67 161	#2B43A1
100.0%	100.0% #3749AF	RGB 55 73 175	#3749AF

#042E5E #0A326B #103679 #183A86 #213E94 #2B43A1 #3749AF

#052E5E - #183A86 - #3749AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #042E5E 0%, #183A86 50%, #3749AF 100%);
    background: -webkit-linear-gradient(top, #042E5E 0%, #183A86 50%, #3749AF 100%);
    background: linear-gradient(to bottom, #042E5E 0%, #183A86 50%, #3749AF 100%);
}
</style>