#143939 - #3E7985 | 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 #143939 a #3E7985

#143939 #3E7985

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

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

0.0%	0.0% #143939	RGB 20 57 57	#143939
16.7%	16.7% #1B4345	RGB 27 67 69	#1B4345
33.3%	33.3% #224E52	RGB 34 78 82	#224E52
50.0%	50.0% #29595F	RGB 41 89 95	#29595F
66.7%	66.7% #30636B	RGB 48 99 107	#30636B
83.3%	83.3% #376E78	RGB 55 110 120	#376E78
100.0%	100.0% #3E7985	RGB 62 121 133	#3E7985

#143939 #1B4345 #224E52 #29595F #30636B #376E78 #3E7985

#143939 - #3E7985

Mezcla HSV

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

0.0%	0.0% #143939	RGB 20 57 57	#143939
16.7%	16.7% #194445	RGB 25 68 69	#194445
33.3%	33.3% #204F52	RGB 32 79 82	#204F52
50.0%	50.0% #265A5F	RGB 38 90 95	#265A5F
66.7%	66.7% #2E646B	RGB 46 100 107	#2E646B
83.3%	83.3% #356E78	RGB 53 110 120	#356E78
100.0%	100.0% #3E7985	RGB 62 121 133	#3E7985

#143939 #194445 #204F52 #265A5F #2E646B #356E78 #3E7985

#143939 - #265A5F - #3E7985

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #143939 0%, #265A5F 50%, #3E7985 100%);
    background: -webkit-linear-gradient(top, #143939 0%, #265A5F 50%, #3E7985 100%);
    background: linear-gradient(to bottom, #143939 0%, #265A5F 50%, #3E7985 100%);
}
</style>