#8D5A41 - #EFA15E | 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 #8D5A41 a #EFA15E

#8D5A41 #EFA15E

Calcule el color entre dos colores, #8D5A41 y #EFA15E. 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)

#8D5A41 - #EFA15E | 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 #8D5A41 como 0% y #EFA15E como 100%.

0.0%	0.0% #8D5A41	RGB 141 90 65	#8D5A41
16.7%	16.7% #9D6545	RGB 157 101 69	#9D6545
33.3%	33.3% #AD714A	RGB 173 113 74	#AD714A
50.0%	50.0% #BE7D4F	RGB 190 125 79	#BE7D4F
66.7%	66.7% #CE8954	RGB 206 137 84	#CE8954
83.3%	83.3% #DE9559	RGB 222 149 89	#DE9559
100.0%	100.0% #EFA15E	RGB 239 161 94	#EFA15E

#8D5A41 #9D6545 #AD714A #BE7D4F #CE8954 #DE9559 #EFA15E

#8D5A41 - #EFA15E

Mezcla HSV

#8D5A41 - #EFA15E | 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 #8D5A41 como 0% y #EFA15E como 100%.

0.0%	0.0% #8D5A41	RGB 141 90 65	#8D5A41
16.7%	16.7% #9D6546	RGB 157 101 70	#9D6546
33.3%	33.3% #AD704C	RGB 173 112 76	#AD704C
50.0%	50.0% #BE7C51	RGB 190 124 81	#BE7C51
66.7%	66.7% #CE8855	RGB 206 136 85	#CE8855
83.3%	83.3% #DE945A	RGB 222 148 90	#DE945A
100.0%	100.0% #EFA15E	RGB 239 161 94	#EFA15E

#8D5A41 #9D6546 #AD704C #BE7C51 #CE8855 #DE945A #EFA15E

#8D5A41 - #BE7C51 - #EFA15E

Códigos CSS

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

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