#112027 - #3E5E71 | 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 #112027 a #3E5E71

#112027 #3E5E71

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

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

0.0%	0.0% #112027	RGB 17 32 39	#112027
16.7%	16.7% #182A33	RGB 24 42 51	#182A33
33.3%	33.3% #20343F	RGB 32 52 63	#20343F
50.0%	50.0% #273F4C	RGB 39 63 76	#273F4C
66.7%	66.7% #2F4958	RGB 47 73 88	#2F4958
83.3%	83.3% #365364	RGB 54 83 100	#365364
100.0%	100.0% #3E5E71	RGB 62 94 113	#3E5E71

#112027 #182A33 #20343F #273F4C #2F4958 #365364 #3E5E71

#112027 - #3E5E71

Mezcla HSV

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

0.0%	0.0% #112027	RGB 17 32 39	#112027
16.7%	16.7% #172A33	RGB 23 42 51	#172A33
33.3%	33.3% #1E343F	RGB 30 52 63	#1E343F
50.0%	50.0% #253E4C	RGB 37 62 76	#253E4C
66.7%	66.7% #2D4958	RGB 45 73 88	#2D4958
83.3%	83.3% #355364	RGB 53 83 100	#355364
100.0%	100.0% #3E5E71	RGB 62 94 113	#3E5E71

#112027 #172A33 #1E343F #253E4C #2D4958 #355364 #3E5E71

#112027 - #253E4C - #3E5E71

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #112027 0%, #253E4C 50%, #3E5E71 100%);
    background: -webkit-linear-gradient(top, #112027 0%, #253E4C 50%, #3E5E71 100%);
    background: linear-gradient(to bottom, #112027 0%, #253E4C 50%, #3E5E71 100%);
}
</style>