#5E5E85 - #182A35 | 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 #5E5E85 a #182A35

#5E5E85 #182A35

Calcule el color entre dos colores, #5E5E85 y #182A35. 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)

#5E5E85 - #182A35 | 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 #5E5E85 como 0% y #182A35 como 100%.

0.0%	0.0% #5E5E85	RGB 94 94 133	#5E5E85
16.7%	16.7% #525577	RGB 82 85 119	#525577
33.3%	33.3% #464C6A	RGB 70 76 106	#464C6A
50.0%	50.0% #3B445D	RGB 59 68 93	#3B445D
66.7%	66.7% #2F3B4F	RGB 47 59 79	#2F3B4F
83.3%	83.3% #233242	RGB 35 50 66	#233242
100.0%	100.0% #182A35	RGB 24 42 53	#182A35

#5E5E85 #525577 #464C6A #3B445D #2F3B4F #233242 #182A35

#5E5E85 - #182A35

Mezcla HSV

#5E5E85 - #182A35 | 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 #5E5E85 como 0% y #182A35 como 100%.

0.0%	0.0% #5E5E85	RGB 94 94 133	#5E5E85
16.7%	16.7% #4F5377	RGB 79 83 119	#4F5377
33.3%	33.3% #424A6A	RGB 66 74 106	#424A6A
50.0%	50.0% #35425D	RGB 53 66 93	#35425D
66.7%	66.7% #2A3A4F	RGB 42 58 79	#2A3A4F
83.3%	83.3% #203242	RGB 32 50 66	#203242
100.0%	100.0% #182A35	RGB 24 42 53	#182A35

#5E5E85 #4F5377 #424A6A #35425D #2A3A4F #203242 #182A35

#5E5E85 - #35425D - #182A35

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E85 0%, #35425D 50%, #182A35 100%);
    background: -webkit-linear-gradient(top, #5E5E85 0%, #35425D 50%, #182A35 100%);
    background: linear-gradient(to bottom, #5E5E85 0%, #35425D 50%, #182A35 100%);
}
</style>