#A1A29F - #5D6B47 | 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 #A1A29F a #5D6B47

#A1A29F #5D6B47

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

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

0.0%	0.0% #A1A29F	RGB 161 162 159	#A1A29F
16.7%	16.7% #959890	RGB 149 152 144	#959890
33.3%	33.3% #8A8F81	RGB 138 143 129	#8A8F81
50.0%	50.0% #7F8673	RGB 127 134 115	#7F8673
66.7%	66.7% #737D64	RGB 115 125 100	#737D64
83.3%	83.3% #687455	RGB 104 116 85	#687455
100.0%	100.0% #5D6B47	RGB 93 107 71	#5D6B47

#A1A29F #959890 #8A8F81 #7F8673 #737D64 #687455 #5D6B47

#A1A29F - #5D6B47

Mezcla HSV

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

0.0%	0.0% #A1A29F	RGB 161 162 159	#A1A29F
16.7%	16.7% #95988D	RGB 149 152 141	#95988D
33.3%	33.3% #898F7D	RGB 137 143 125	#898F7D
50.0%	50.0% #7D866E	RGB 125 134 110	#7D866E
66.7%	66.7% #727D60	RGB 114 125 96	#727D60
83.3%	83.3% #677453	RGB 103 116 83	#677453
100.0%	100.0% #5D6B47	RGB 93 107 71	#5D6B47

#A1A29F #95988D #898F7D #7D866E #727D60 #677453 #5D6B47

#A1A29F - #7D866E - #5D6B47

Códigos CSS

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

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