#A78589 - #5E3E3C | 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 #A78589 a #5E3E3C

#A78589 #5E3E3C

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

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

0.0%	0.0% #A78589	RGB 167 133 137	#A78589
16.7%	16.7% #9A797C	RGB 154 121 124	#9A797C
33.3%	33.3% #8E6D6F	RGB 142 109 111	#8E6D6F
50.0%	50.0% #826162	RGB 130 97 98	#826162
66.7%	66.7% #765555	RGB 118 85 85	#765555
83.3%	83.3% #6A4948	RGB 106 73 72	#6A4948
100.0%	100.0% #5E3E3C	RGB 94 62 60	#5E3E3C

#A78589 #9A797C #8E6D6F #826162 #765555 #6A4948 #5E3E3C

#A78589 - #5E3E3C

Mezcla HSV

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

0.0%	0.0% #A78589	RGB 167 133 137	#A78589
16.7%	16.7% #9A777A	RGB 154 119 122	#9A777A
33.3%	33.3% #8E6A6C	RGB 142 106 108	#8E6A6C
50.0%	50.0% #825D5E	RGB 130 93 94	#825D5E
66.7%	66.7% #765151	RGB 118 81 81	#765151
83.3%	83.3% #6A4746	RGB 106 71 70	#6A4746
100.0%	100.0% #5E3E3C	RGB 94 62 60	#5E3E3C

#A78589 #9A777A #8E6A6C #825D5E #765151 #6A4746 #5E3E3C

#A78589 - #825D5E - #5E3E3C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A78589 0%, #825D5E 50%, #5E3E3C 100%);
    background: -webkit-linear-gradient(top, #A78589 0%, #825D5E 50%, #5E3E3C 100%);
    background: linear-gradient(to bottom, #A78589 0%, #825D5E 50%, #5E3E3C 100%);
}
</style>