#1E3D5E - #04233E | 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 #1E3D5E to #04233E

#1E3D5E #04233E

Calculate the color between two colors, #1E3D5E and #04233E. 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)

#1E3D5E - #04233E | 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 #1E3D5E as 0% and #04233E as 100%.

0.0%	0.0% #1E3D5E	RGB 30 61 94	#1E3D5E
16.7%	16.7% #193858	RGB 25 56 88	#193858
33.3%	33.3% #153453	RGB 21 52 83	#153453
50.0%	50.0% #11304E	RGB 17 48 78	#11304E
66.7%	66.7% #0C2B48	RGB 12 43 72	#0C2B48
83.3%	83.3% #082743	RGB 8 39 67	#082743
100.0%	100.0% #04233E	RGB 4 35 62	#04233E

#1E3D5E #193858 #153453 #11304E #0C2B48 #082743 #04233E

#1E3D5E - #04233E

HSV Blend

#1E3D5E - #04233E | 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 #1E3D5E as 0% and #04233E as 100%.

0.0%	0.0% #1E3D5E	RGB 30 61 94	#1E3D5E
16.7%	16.7% #183858	RGB 24 56 88	#183858
33.3%	33.3% #133353	RGB 19 51 83	#133353
50.0%	50.0% #0E2F4E	RGB 14 47 78	#0E2F4E
66.7%	66.7% #0A2A48	RGB 10 42 72	#0A2A48
83.3%	83.3% #072643	RGB 7 38 67	#072643
100.0%	100.0% #04233E	RGB 4 35 62	#04233E

#1E3D5E #183858 #133353 #0E2F4E #0A2A48 #072643 #04233E

#1E3D5E - #0E2F4E - #04233E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E3D5E 0%, #0E2F4E 50%, #04233E 100%);
    background: -webkit-linear-gradient(top, #1E3D5E 0%, #0E2F4E 50%, #04233E 100%);
    background: linear-gradient(to bottom, #1E3D5E 0%, #0E2F4E 50%, #04233E 100%);
}
</style>