#3E4B5E - #041D3C | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #3E4B5E a #041D3C

#3E4B5E #041D3C

Calcule el color entre dos colores, #3E4B5E y #041D3C. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#3E4B5E - #041D3C | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #3E4B5E como 0% y #041D3C como 100%.

0.0%	0.0% #3E4B5E	RGB 62 75 94	#3E4B5E
16.7%	16.7% #344358	RGB 52 67 88	#344358
33.3%	33.3% #2A3B52	RGB 42 59 82	#2A3B52
50.0%	50.0% #21344D	RGB 33 52 77	#21344D
66.7%	66.7% #172C47	RGB 23 44 71	#172C47
83.3%	83.3% #0D2441	RGB 13 36 65	#0D2441
100.0%	100.0% #041D3C	RGB 4 29 60	#041D3C

#3E4B5E #344358 #2A3B52 #21344D #172C47 #0D2441 #041D3C

#3E4B5E - #041D3C

Mezcla HSV

#3E4B5E - #041D3C | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #3E4B5E como 0% y #041D3C como 100%.

0.0%	0.0% #3E4B5E	RGB 62 75 94	#3E4B5E
16.7%	16.7% #314158	RGB 49 65 88	#314158
33.3%	33.3% #263852	RGB 38 56 82	#263852
50.0%	50.0% #1B304D	RGB 27 48 77	#1B304D
66.7%	66.7% #122947	RGB 18 41 71	#122947
83.3%	83.3% #0A2241	RGB 10 34 65	#0A2241
100.0%	100.0% #041D3C	RGB 4 29 60	#041D3C

#3E4B5E #314158 #263852 #1B304D #122947 #0A2241 #041D3C

#3E4B5E - #1B304D - #041D3C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4B5E 0%, #1B304D 50%, #041D3C 100%);
    background: -webkit-linear-gradient(top, #3E4B5E 0%, #1B304D 50%, #041D3C 100%);
    background: linear-gradient(to bottom, #3E4B5E 0%, #1B304D 50%, #041D3C 100%);
}
</style>