#294B5E - #4A91C5 | 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 #294B5E to #4A91C5

#294B5E #4A91C5

Calculate the color between two colors, #294B5E and #4A91C5. 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)

#294B5E - #4A91C5 | 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 #294B5E as 0% and #4A91C5 as 100%.

0.0%	0.0% #294B5E	RGB 41 75 94	#294B5E
16.7%	16.7% #2E566F	RGB 46 86 111	#2E566F
33.3%	33.3% #346280	RGB 52 98 128	#346280
50.0%	50.0% #396E91	RGB 57 110 145	#396E91
66.7%	66.7% #3F79A2	RGB 63 121 162	#3F79A2
83.3%	83.3% #4485B3	RGB 68 133 179	#4485B3
100.0%	100.0% #4A91C5	RGB 74 145 197	#4A91C5

#294B5E #2E566F #346280 #396E91 #3F79A2 #4485B3 #4A91C5

#294B5E - #4A91C5

HSV Blend

#294B5E - #4A91C5 | 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 #294B5E as 0% and #4A91C5 as 100%.

0.0%	0.0% #294B5E	RGB 41 75 94	#294B5E
16.7%	16.7% #2F576F	RGB 47 87 111	#2F576F
33.3%	33.3% #356380	RGB 53 99 128	#356380
50.0%	50.0% #3B6F91	RGB 59 111 145	#3B6F91
66.7%	66.7% #407BA2	RGB 64 123 162	#407BA2
83.3%	83.3% #4586B3	RGB 69 134 179	#4586B3
100.0%	100.0% #4A91C5	RGB 74 145 197	#4A91C5

#294B5E #2F576F #356380 #3B6F91 #407BA2 #4586B3 #4A91C5

#294B5E - #3B6F91 - #4A91C5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #294B5E 0%, #3B6F91 50%, #4A91C5 100%);
    background: -webkit-linear-gradient(top, #294B5E 0%, #3B6F91 50%, #4A91C5 100%);
    background: linear-gradient(to bottom, #294B5E 0%, #3B6F91 50%, #4A91C5 100%);
}
</style>