#A29E91 - #7B613C | 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 #7B613C

#A29E91 #7B613C

Calcule el color entre dos colores, #A29E91 y #7B613C. 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 - #7B613C | 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 #7B613C como 100%.

0.0%	0.0% #A29E91	RGB 162 158 145	#A29E91
16.7%	16.7% #9B9382	RGB 155 147 130	#9B9382
33.3%	33.3% #958974	RGB 149 137 116	#958974
50.0%	50.0% #8E7F66	RGB 142 127 102	#8E7F66
66.7%	66.7% #887558	RGB 136 117 88	#887558
83.3%	83.3% #816B4A	RGB 129 107 74	#816B4A
100.0%	100.0% #7B613C	RGB 123 97 60	#7B613C

#A29E91 #9B9382 #958974 #8E7F66 #887558 #816B4A #7B613C

#A29E91 - #7B613C

Mezcla HSV

#A29E91 - #7B613C | 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 #7B613C como 100%.

0.0%	0.0% #A29E91	RGB 162 158 145	#A29E91
16.7%	16.7% #9B9480	RGB 155 148 128	#9B9480
33.3%	33.3% #958A71	RGB 149 138 113	#958A71
50.0%	50.0% #8E8062	RGB 142 128 98	#8E8062
66.7%	66.7% #887554	RGB 136 117 84	#887554
83.3%	83.3% #816B47	RGB 129 107 71	#816B47
100.0%	100.0% #7B613C	RGB 123 97 60	#7B613C

#A29E91 #9B9480 #958A71 #8E8062 #887554 #816B47 #7B613C

#A29E91 - #8E8062 - #7B613C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A29E91 0%, #8E8062 50%, #7B613C 100%);
    background: -webkit-linear-gradient(top, #A29E91 0%, #8E8062 50%, #7B613C 100%);
    background: linear-gradient(to bottom, #A29E91 0%, #8E8062 50%, #7B613C 100%);
}
</style>