#2E4E5E - #052E46 | 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 #2E4E5E to #052E46

#2E4E5E #052E46

Calculate the color between two colors, #2E4E5E and #052E46. 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)

#2E4E5E - #052E46 | 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 #2E4E5E as 0% and #052E46 as 100%.

0.0%	0.0% #2E4E5E	RGB 46 78 94	#2E4E5E
16.7%	16.7% #27485A	RGB 39 72 90	#27485A
33.3%	33.3% #204356	RGB 32 67 86	#204356
50.0%	50.0% #193E52	RGB 25 62 82	#193E52
66.7%	66.7% #12384E	RGB 18 56 78	#12384E
83.3%	83.3% #0B334A	RGB 11 51 74	#0B334A
100.0%	100.0% #052E46	RGB 5 46 70	#052E46

#2E4E5E #27485A #204356 #193E52 #12384E #0B334A #052E46

#2E4E5E - #052E46

HSV Blend

#2E4E5E - #052E46 | 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 #2E4E5E as 0% and #052E46 as 100%.

0.0%	0.0% #2E4E5E	RGB 46 78 94	#2E4E5E
16.7%	16.7% #25485A	RGB 37 72 90	#25485A
33.3%	33.3% #1E4256	RGB 30 66 86	#1E4256
50.0%	50.0% #163D52	RGB 22 61 82	#163D52
66.7%	66.7% #10384E	RGB 16 56 78	#10384E
83.3%	83.3% #0A324A	RGB 10 50 74	#0A324A
100.0%	100.0% #052E46	RGB 5 46 70	#052E46

#2E4E5E #25485A #1E4256 #163D52 #10384E #0A324A #052E46

#2E4E5E - #163D52 - #052E46

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E4E5E 0%, #163D52 50%, #052E46 100%);
    background: -webkit-linear-gradient(top, #2E4E5E 0%, #163D52 50%, #052E46 100%);
    background: linear-gradient(to bottom, #2E4E5E 0%, #163D52 50%, #052E46 100%);
}
</style>