#A1A293 - #63693D | 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 #A1A293 a #63693D

#A1A293 #63693D

Calcule el color entre dos colores, #A1A293 y #63693D. 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)

#A1A293 - #63693D | 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 #A1A293 como 0% y #63693D como 100%.

0.0%	0.0% #A1A293	RGB 161 162 147	#A1A293
16.7%	16.7% #969884	RGB 150 152 132	#969884
33.3%	33.3% #8C8F76	RGB 140 143 118	#8C8F76
50.0%	50.0% #828568	RGB 130 133 104	#828568
66.7%	66.7% #777C59	RGB 119 124 89	#777C59
83.3%	83.3% #6D724B	RGB 109 114 75	#6D724B
100.0%	100.0% #63693D	RGB 99 105 61	#63693D

#A1A293 #969884 #8C8F76 #828568 #777C59 #6D724B #63693D

#A1A293 - #63693D

Mezcla HSV

#A1A293 - #63693D | 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 #A1A293 como 0% y #63693D como 100%.

0.0%	0.0% #A1A293	RGB 161 162 147	#A1A293
16.7%	16.7% #969882	RGB 150 152 130	#969882
33.3%	33.3% #8C8F72	RGB 140 143 114	#8C8F72
50.0%	50.0% #828563	RGB 130 133 99	#828563
66.7%	66.7% #777C55	RGB 119 124 85	#777C55
83.3%	83.3% #6D7248	RGB 109 114 72	#6D7248
100.0%	100.0% #63693D	RGB 99 105 61	#63693D

#A1A293 #969882 #8C8F72 #828563 #777C55 #6D7248 #63693D

#A1A293 - #828563 - #63693D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1A293 0%, #828563 50%, #63693D 100%);
    background: -webkit-linear-gradient(top, #A1A293 0%, #828563 50%, #63693D 100%);
    background: linear-gradient(to bottom, #A1A293 0%, #828563 50%, #63693D 100%);
}
</style>