#963A00 - #5E1F0B | 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 #963A00 a #5E1F0B

#963A00 #5E1F0B

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

#963A00 - #5E1F0B | 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 #963A00 como 0% y #5E1F0B como 100%.

0.0%	0.0% #963A00	RGB 150 58 0	#963A00
16.7%	16.7% #8C3501	RGB 140 53 1	#8C3501
33.3%	33.3% #833103	RGB 131 49 3	#833103
50.0%	50.0% #7A2C05	RGB 122 44 5	#7A2C05
66.7%	66.7% #702807	RGB 112 40 7	#702807
83.3%	83.3% #672309	RGB 103 35 9	#672309
100.0%	100.0% #5E1F0B	RGB 94 31 11	#5E1F0B

#963A00 #8C3501 #833103 #7A2C05 #702807 #672309 #5E1F0B

#963A00 - #5E1F0B

Mezcla HSV

#963A00 - #5E1F0B | 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 #963A00 como 0% y #5E1F0B como 100%.

0.0%	0.0% #963A00	RGB 150 58 0	#963A00
16.7%	16.7% #8C3402	RGB 140 52 2	#8C3402
33.3%	33.3% #832F05	RGB 131 47 5	#832F05
50.0%	50.0% #7A2B07	RGB 122 43 7	#7A2B07
66.7%	66.7% #702608	RGB 112 38 8	#702608
83.3%	83.3% #67220A	RGB 103 34 10	#67220A
100.0%	100.0% #5E1F0B	RGB 94 31 11	#5E1F0B

#963A00 #8C3402 #832F05 #7A2B07 #702608 #67220A #5E1F0B

#963A00 - #7A2B07 - #5E1F0B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #963A00 0%, #7A2B07 50%, #5E1F0B 100%);
    background: -webkit-linear-gradient(top, #963A00 0%, #7A2B07 50%, #5E1F0B 100%);
    background: linear-gradient(to bottom, #963A00 0%, #7A2B07 50%, #5E1F0B 100%);
}
</style>