#9F5E3E - #702B0C | 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 #9F5E3E a #702B0C

#9F5E3E #702B0C

Calcule el color entre dos colores, #9F5E3E y #702B0C. 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)

#9F5E3E - #702B0C | 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 #9F5E3E como 0% y #702B0C como 100%.

0.0%	0.0% #9F5E3E	RGB 159 94 62	#9F5E3E
16.7%	16.7% #975535	RGB 151 85 53	#975535
33.3%	33.3% #8F4D2D	RGB 143 77 45	#8F4D2D
50.0%	50.0% #874425	RGB 135 68 37	#874425
66.7%	66.7% #7F3C1C	RGB 127 60 28	#7F3C1C
83.3%	83.3% #773314	RGB 119 51 20	#773314
100.0%	100.0% #702B0C	RGB 112 43 12	#702B0C

#9F5E3E #975535 #8F4D2D #874425 #7F3C1C #773314 #702B0C

#9F5E3E - #702B0C

Mezcla HSV

#9F5E3E - #702B0C | 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 #9F5E3E como 0% y #702B0C como 100%.

0.0%	0.0% #9F5E3E	RGB 159 94 62	#9F5E3E
16.7%	16.7% #975433	RGB 151 84 51	#975433
33.3%	33.3% #8F4B2A	RGB 143 75 42	#8F4B2A
50.0%	50.0% #874221	RGB 135 66 33	#874221
66.7%	66.7% #7F3919	RGB 127 57 25	#7F3919
83.3%	83.3% #773212	RGB 119 50 18	#773212
100.0%	100.0% #702B0C	RGB 112 43 12	#702B0C

#9F5E3E #975433 #8F4B2A #874221 #7F3919 #773212 #702B0C

#9F5E3E - #874221 - #702B0C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F5E3E 0%, #874221 50%, #702B0C 100%);
    background: -webkit-linear-gradient(top, #9F5E3E 0%, #874221 50%, #702B0C 100%);
    background: linear-gradient(to bottom, #9F5E3E 0%, #874221 50%, #702B0C 100%);
}
</style>