#A29E91 - #6A643B | 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 #A29E91 a #6A643B

#A29E91 #6A643B

Calcule el color entre dos colores, #A29E91 y #6A643B. 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)

#A29E91 - #6A643B | 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 #A29E91 como 0% y #6A643B como 100%.

0.0%	0.0% #A29E91	RGB 162 158 145	#A29E91
16.7%	16.7% #989482	RGB 152 148 130	#989482
33.3%	33.3% #8F8A74	RGB 143 138 116	#8F8A74
50.0%	50.0% #868166	RGB 134 129 102	#868166
66.7%	66.7% #7C7757	RGB 124 119 87	#7C7757
83.3%	83.3% #736D49	RGB 115 109 73	#736D49
100.0%	100.0% #6A643B	RGB 106 100 59	#6A643B

#A29E91 #989482 #8F8A74 #868166 #7C7757 #736D49 #6A643B

#A29E91 - #6A643B

Mezcla HSV

#A29E91 - #6A643B | 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 #A29E91 como 0% y #6A643B como 100%.

0.0%	0.0% #A29E91	RGB 162 158 145	#A29E91
16.7%	16.7% #989380	RGB 152 147 128	#989380
33.3%	33.3% #8F8970	RGB 143 137 112	#8F8970
50.0%	50.0% #867F61	RGB 134 127 97	#867F61
66.7%	66.7% #7C7553	RGB 124 117 83	#7C7553
83.3%	83.3% #736C46	RGB 115 108 70	#736C46
100.0%	100.0% #6A643B	RGB 106 100 59	#6A643B

#A29E91 #989380 #8F8970 #867F61 #7C7553 #736C46 #6A643B

#A29E91 - #867F61 - #6A643B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A29E91 0%, #867F61 50%, #6A643B 100%);
    background: -webkit-linear-gradient(top, #A29E91 0%, #867F61 50%, #6A643B 100%);
    background: linear-gradient(to bottom, #A29E91 0%, #867F61 50%, #6A643B 100%);
}
</style>