#3E4162 - #0B1D1B | 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 #3E4162 a #0B1D1B

#3E4162 #0B1D1B

Calcule el color entre dos colores, #3E4162 y #0B1D1B. 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)

#3E4162 - #0B1D1B | 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 #3E4162 como 0% y #0B1D1B como 100%.

0.0%	0.0% #3E4162	RGB 62 65 98	#3E4162
16.7%	16.7% #353B56	RGB 53 59 86	#353B56
33.3%	33.3% #2D354A	RGB 45 53 74	#2D354A
50.0%	50.0% #242F3E	RGB 36 47 62	#242F3E
66.7%	66.7% #1C2932	RGB 28 41 50	#1C2932
83.3%	83.3% #132326	RGB 19 35 38	#132326
100.0%	100.0% #0B1D1B	RGB 11 29 27	#0B1D1B

#3E4162 #353B56 #2D354A #242F3E #1C2932 #132326 #0B1D1B

#3E4162 - #0B1D1B

Mezcla HSV

#3E4162 - #0B1D1B | 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 #3E4162 como 0% y #0B1D1B como 100%.

0.0%	0.0% #3E4162	RGB 62 65 98	#3E4162
16.7%	16.7% #333C56	RGB 51 60 86	#333C56
33.3%	33.3% #29374B	RGB 41 55 75	#29374B
50.0%	50.0% #20323F	RGB 32 50 63	#20323F
66.7%	66.7% #182D34	RGB 24 45 52	#182D34
83.3%	83.3% #112728	RGB 17 39 40	#112728
100.0%	100.0% #0B1D1B	RGB 11 29 27	#0B1D1B

#3E4162 #333C56 #29374B #20323F #182D34 #112728 #0B1D1B

#3E4162 - #20323F - #0B1D1B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4162 0%, #20323F 50%, #0B1D1B 100%);
    background: -webkit-linear-gradient(top, #3E4162 0%, #20323F 50%, #0B1D1B 100%);
    background: linear-gradient(to bottom, #3E4162 0%, #20323F 50%, #0B1D1B 100%);
}
</style>