#051A5E - #2B5DA4 | 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 #051A5E to #2B5DA4

#051A5E #2B5DA4

Calculate the color between two colors, #051A5E and #2B5DA4. 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)

#051A5E - #2B5DA4 | 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 #051A5E as 0% and #2B5DA4 as 100%.

0.0%	0.0% #051A5E	RGB 5 26 94	#051A5E
16.7%	16.7% #0B2569	RGB 11 37 105	#0B2569
33.3%	33.3% #113075	RGB 17 48 117	#113075
50.0%	50.0% #183B81	RGB 24 59 129	#183B81
66.7%	66.7% #1E468C	RGB 30 70 140	#1E468C
83.3%	83.3% #245198	RGB 36 81 152	#245198
100.0%	100.0% #2B5DA4	RGB 43 93 164	#2B5DA4

#051A5E #0B2569 #113075 #183B81 #1E468C #245198 #2B5DA4

#051A5E - #2B5DA4

HSV Blend

#051A5E - #2B5DA4 | 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 #051A5E as 0% and #2B5DA4 as 100%.

0.0%	0.0% #041A5E	RGB 4 26 94	#041A5E
16.7%	16.7% #092269	RGB 9 34 105	#092269
33.3%	33.3% #0E2C75	RGB 14 44 117	#0E2C75
50.0%	50.0% #143781	RGB 20 55 129	#143781
66.7%	66.7% #1B438C	RGB 27 67 140	#1B438C
83.3%	83.3% #224F98	RGB 34 79 152	#224F98
100.0%	100.0% #2B5DA4	RGB 43 93 164	#2B5DA4

#041A5E #092269 #0E2C75 #143781 #1B438C #224F98 #2B5DA4

#051A5E - #143781 - #2B5DA4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #041A5E 0%, #143781 50%, #2B5DA4 100%);
    background: -webkit-linear-gradient(top, #041A5E 0%, #143781 50%, #2B5DA4 100%);
    background: linear-gradient(to bottom, #041A5E 0%, #143781 50%, #2B5DA4 100%);
}
</style>