#5E6B8C - #ACA0AA | 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 #5E6B8C a #ACA0AA

#5E6B8C #ACA0AA

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

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

0.0%	0.0% #5E6B8C	RGB 94 107 140	#5E6B8C
16.7%	16.7% #6B7391	RGB 107 115 145	#6B7391
33.3%	33.3% #787C96	RGB 120 124 150	#787C96
50.0%	50.0% #85859B	RGB 133 133 155	#85859B
66.7%	66.7% #928EA0	RGB 146 142 160	#928EA0
83.3%	83.3% #9F97A5	RGB 159 151 165	#9F97A5
100.0%	100.0% #ACA0AA	RGB 172 160 170	#ACA0AA

#5E6B8C #6B7391 #787C96 #85859B #928EA0 #9F97A5 #ACA0AA

#5E6B8C - #ACA0AA

Mezcla HSV

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

0.0%	0.0% #5E6B8C	RGB 94 107 140	#5E6B8C
16.7%	16.7% #676991	RGB 103 105 145	#676991
33.3%	33.3% #797296	RGB 121 114 150	#797296
50.0%	50.0% #8A7C9C	RGB 138 124 156	#8A7C9C
66.7%	66.7% #9988A1	RGB 153 136 161	#9988A1
83.3%	83.3% #A593A6	RGB 165 147 166	#A593A6
100.0%	100.0% #ACA0AA	RGB 172 160 170	#ACA0AA

#5E6B8C #676991 #797296 #8A7C9C #9988A1 #A593A6 #ACA0AA

#5E6B8C - #8A7C9C - #ACA0AA

Códigos CSS

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

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