#5C5E5E - #0F4450 | 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 #5C5E5E a #0F4450

#5C5E5E #0F4450

Calcule el color entre dos colores, #5C5E5E y #0F4450. 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)

#5C5E5E - #0F4450 | 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 #5C5E5E como 0% y #0F4450 como 100%.

0.0%	0.0% #5C5E5E	RGB 92 94 94	#5C5E5E
16.7%	16.7% #4F595B	RGB 79 89 91	#4F595B
33.3%	33.3% #425559	RGB 66 85 89	#425559
50.0%	50.0% #355157	RGB 53 81 87	#355157
66.7%	66.7% #284C54	RGB 40 76 84	#284C54
83.3%	83.3% #1B4852	RGB 27 72 82	#1B4852
100.0%	100.0% #0F4450	RGB 15 68 80	#0F4450

#5C5E5E #4F595B #425559 #355157 #284C54 #1B4852 #0F4450

#5C5E5E - #0F4450

Mezcla HSV

#5C5E5E - #0F4450 | 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 #5C5E5E como 0% y #0F4450 como 100%.

0.0%	0.0% #5C5E5E	RGB 92 94 94	#5C5E5E
16.7%	16.7% #4D5B5B	RGB 77 91 91	#4D5B5B
33.3%	33.3% #3F5759	RGB 63 87 89	#3F5759
50.0%	50.0% #325357	RGB 50 83 87	#325357
66.7%	66.7% #264E54	RGB 38 78 84	#264E54
83.3%	83.3% #1A4952	RGB 26 73 82	#1A4952
100.0%	100.0% #0F4450	RGB 15 68 80	#0F4450

#5C5E5E #4D5B5B #3F5759 #325357 #264E54 #1A4952 #0F4450

#5C5E5E - #325357 - #0F4450

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C5E5E 0%, #325357 50%, #0F4450 100%);
    background: -webkit-linear-gradient(top, #5C5E5E 0%, #325357 50%, #0F4450 100%);
    background: linear-gradient(to bottom, #5C5E5E 0%, #325357 50%, #0F4450 100%);
}
</style>