#072F5E - #477BA2 | 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 #072F5E to #477BA2

#072F5E #477BA2

Calculate the color between two colors, #072F5E and #477BA2. 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)

#072F5E - #477BA2 | 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 #072F5E as 0% and #477BA2 as 100%.

0.0%	0.0% #072F5E	RGB 7 47 94	#072F5E
16.7%	16.7% #113B69	RGB 17 59 105	#113B69
33.3%	33.3% #1C4874	RGB 28 72 116	#1C4874
50.0%	50.0% #275580	RGB 39 85 128	#275580
66.7%	66.7% #31618B	RGB 49 97 139	#31618B
83.3%	83.3% #3C6E96	RGB 60 110 150	#3C6E96
100.0%	100.0% #477BA2	RGB 71 123 162	#477BA2

#072F5E #113B69 #1C4874 #275580 #31618B #3C6E96 #477BA2

#072F5E - #477BA2

HSV Blend

#072F5E - #477BA2 | 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 #072F5E as 0% and #477BA2 as 100%.

0.0%	0.0% #062F5E	RGB 6 47 94	#062F5E
16.7%	16.7% #0E3969	RGB 14 57 105	#0E3969
33.3%	33.3% #164574	RGB 22 69 116	#164574
50.0%	50.0% #205180	RGB 32 81 128	#205180
66.7%	66.7% #2C5F8B	RGB 44 95 139	#2C5F8B
83.3%	83.3% #386C96	RGB 56 108 150	#386C96
100.0%	100.0% #477BA2	RGB 71 123 162	#477BA2

#062F5E #0E3969 #164574 #205180 #2C5F8B #386C96 #477BA2

#072F5E - #205180 - #477BA2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #062F5E 0%, #205180 50%, #477BA2 100%);
    background: -webkit-linear-gradient(top, #062F5E 0%, #205180 50%, #477BA2 100%);
    background: linear-gradient(to bottom, #062F5E 0%, #205180 50%, #477BA2 100%);
}
</style>