#2E5E7D - #1A242A | 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 #2E5E7D to #1A242A

#2E5E7D #1A242A

Calculate the color between two colors, #2E5E7D and #1A242A. 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)

#2E5E7D - #1A242A | 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 #2E5E7D as 0% and #1A242A as 100%.

0.0%	0.0% #2E5E7D	RGB 46 94 125	#2E5E7D
16.7%	16.7% #2A546F	RGB 42 84 111	#2A546F
33.3%	33.3% #274A61	RGB 39 74 97	#274A61
50.0%	50.0% #244153	RGB 36 65 83	#244153
66.7%	66.7% #203745	RGB 32 55 69	#203745
83.3%	83.3% #1D2D37	RGB 29 45 55	#1D2D37
100.0%	100.0% #1A242A	RGB 26 36 42	#1A242A

#2E5E7D #2A546F #274A61 #244153 #203745 #1D2D37 #1A242A

#2E5E7D - #1A242A

HSV Blend

#2E5E7D - #1A242A | 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 #2E5E7D as 0% and #1A242A as 100%.

0.0%	0.0% #2E5E7D	RGB 46 94 125	#2E5E7D
16.7%	16.7% #2D556F	RGB 45 85 111	#2D556F
33.3%	33.3% #2B4C61	RGB 43 76 97	#2B4C61
50.0%	50.0% #294353	RGB 41 67 83	#294353
66.7%	66.7% #253945	RGB 37 57 69	#253945
83.3%	83.3% #202E37	RGB 32 46 55	#202E37
100.0%	100.0% #1A242A	RGB 26 36 42	#1A242A

#2E5E7D #2D556F #2B4C61 #294353 #253945 #202E37 #1A242A

#2E5E7D - #294353 - #1A242A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E5E7D 0%, #294353 50%, #1A242A 100%);
    background: -webkit-linear-gradient(top, #2E5E7D 0%, #294353 50%, #1A242A 100%);
    background: linear-gradient(to bottom, #2E5E7D 0%, #294353 50%, #1A242A 100%);
}
</style>