#5E5E86 - #ADA0A2 | 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 #5E5E86 a #ADA0A2

#5E5E86 #ADA0A2

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

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

0.0%	0.0% #5E5E86	RGB 94 94 134	#5E5E86
16.7%	16.7% #6B698A	RGB 107 105 138	#6B698A
33.3%	33.3% #78748F	RGB 120 116 143	#78748F
50.0%	50.0% #857F94	RGB 133 127 148	#857F94
66.7%	66.7% #928A98	RGB 146 138 152	#928A98
83.3%	83.3% #9F959D	RGB 159 149 157	#9F959D
100.0%	100.0% #ADA0A2	RGB 173 160 162	#ADA0A2

#5E5E86 #6B698A #78748F #857F94 #928A98 #9F959D #ADA0A2

#5E5E86 - #ADA0A2

Mezcla HSV

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

0.0%	0.0% #5E5E86	RGB 94 94 134	#5E5E86
16.7%	16.7% #73678C	RGB 115 103 140	#73678C
33.3%	33.3% #867293	RGB 134 114 147	#867293
50.0%	50.0% #977C99	RGB 151 124 153	#977C99
66.7%	66.7% #A0889A	RGB 160 136 154	#A0889A
83.3%	83.3% #A6939C	RGB 166 147 156	#A6939C
100.0%	100.0% #ADA0A2	RGB 173 160 162	#ADA0A2

#5E5E86 #73678C #867293 #977C99 #A0889A #A6939C #ADA0A2

#5E5E86 - #977C99 - #ADA0A2

Códigos CSS

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

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