#293B5E - #021439 | 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 #293B5E to #021439

#293B5E #021439

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

#293B5E - #021439 | 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 #293B5E as 0% and #021439 as 100%.

0.0%	0.0% #293B5E	RGB 41 59 94	#293B5E
16.7%	16.7% #223457	RGB 34 52 87	#223457
33.3%	33.3% #1C2E51	RGB 28 46 81	#1C2E51
50.0%	50.0% #15274B	RGB 21 39 75	#15274B
66.7%	66.7% #0F2145	RGB 15 33 69	#0F2145
83.3%	83.3% #081A3F	RGB 8 26 63	#081A3F
100.0%	100.0% #021439	RGB 2 20 57	#021439

#293B5E #223457 #1C2E51 #15274B #0F2145 #081A3F #021439

#293B5E - #021439

HSV Blend

#293B5E - #021439 | 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 #293B5E as 0% and #021439 as 100%.

0.0%	0.0% #293B5E	RGB 41 59 94	#293B5E
16.7%	16.7% #203357	RGB 32 51 87	#203357
33.3%	33.3% #182B51	RGB 24 43 81	#182B51
50.0%	50.0% #11254B	RGB 17 37 75	#11254B
66.7%	66.7% #0B1E45	RGB 11 30 69	#0B1E45
83.3%	83.3% #06193F	RGB 6 25 63	#06193F
100.0%	100.0% #021439	RGB 2 20 57	#021439

#293B5E #203357 #182B51 #11254B #0B1E45 #06193F #021439

#293B5E - #11254B - #021439

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #293B5E 0%, #11254B 50%, #021439 100%);
    background: -webkit-linear-gradient(top, #293B5E 0%, #11254B 50%, #021439 100%);
    background: linear-gradient(to bottom, #293B5E 0%, #11254B 50%, #021439 100%);
}
</style>