#A79185 - #5E4E3C | 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 #A79185 a #5E4E3C

#A79185 #5E4E3C

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

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

0.0%	0.0% #A79185	RGB 167 145 133	#A79185
16.7%	16.7% #9A8578	RGB 154 133 120	#9A8578
33.3%	33.3% #8E7A6C	RGB 142 122 108	#8E7A6C
50.0%	50.0% #826F60	RGB 130 111 96	#826F60
66.7%	66.7% #766454	RGB 118 100 84	#766454
83.3%	83.3% #6A5948	RGB 106 89 72	#6A5948
100.0%	100.0% #5E4E3C	RGB 94 78 60	#5E4E3C

#A79185 #9A8578 #8E7A6C #826F60 #766454 #6A5948 #5E4E3C

#A79185 - #5E4E3C

Mezcla HSV

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

0.0%	0.0% #A79185	RGB 167 145 133	#A79185
16.7%	16.7% #9A8477	RGB 154 132 119	#9A8477
33.3%	33.3% #8E796A	RGB 142 121 106	#8E796A
50.0%	50.0% #826D5D	RGB 130 109 93	#826D5D
66.7%	66.7% #766251	RGB 118 98 81	#766251
83.3%	83.3% #6A5846	RGB 106 88 70	#6A5846
100.0%	100.0% #5E4E3C	RGB 94 78 60	#5E4E3C

#A79185 #9A8477 #8E796A #826D5D #766251 #6A5846 #5E4E3C

#A79185 - #826D5D - #5E4E3C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A79185 0%, #826D5D 50%, #5E4E3C 100%);
    background: -webkit-linear-gradient(top, #A79185 0%, #826D5D 50%, #5E4E3C 100%);
    background: linear-gradient(to bottom, #A79185 0%, #826D5D 50%, #5E4E3C 100%);
}
</style>