#4C5E6D - #1D2425 | 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 #4C5E6D a #1D2425

#4C5E6D #1D2425

Calcule el color entre dos colores, #4C5E6D y #1D2425. 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)

#4C5E6D - #1D2425 | 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 #4C5E6D como 0% y #1D2425 como 100%.

0.0%	0.0% #4C5E6D	RGB 76 94 109	#4C5E6D
16.7%	16.7% #445461	RGB 68 84 97	#445461
33.3%	33.3% #3C4A55	RGB 60 74 85	#3C4A55
50.0%	50.0% #344149	RGB 52 65 73	#344149
66.7%	66.7% #2C373D	RGB 44 55 61	#2C373D
83.3%	83.3% #242D31	RGB 36 45 49	#242D31
100.0%	100.0% #1D2425	RGB 29 36 37	#1D2425

#4C5E6D #445461 #3C4A55 #344149 #2C373D #242D31 #1D2425

#4C5E6D - #1D2425

Mezcla HSV

#4C5E6D - #1D2425 | 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 #4C5E6D como 0% y #1D2425 como 100%.

0.0%	0.0% #4C5D6D	RGB 76 93 109	#4C5D6D
16.7%	16.7% #455561	RGB 69 85 97	#455561
33.3%	33.3% #3D4C55	RGB 61 76 85	#3D4C55
50.0%	50.0% #364349	RGB 54 67 73	#364349
66.7%	66.7% #2E393D	RGB 46 57 61	#2E393D
83.3%	83.3% #252E31	RGB 37 46 49	#252E31
100.0%	100.0% #1D2425	RGB 29 36 37	#1D2425

#4C5D6D #455561 #3D4C55 #364349 #2E393D #252E31 #1D2425

#4C5E6D - #364349 - #1D2425

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5D6D 0%, #364349 50%, #1D2425 100%);
    background: -webkit-linear-gradient(top, #4C5D6D 0%, #364349 50%, #1D2425 100%);
    background: linear-gradient(to bottom, #4C5D6D 0%, #364349 50%, #1D2425 100%);
}
</style>