#963600 - #33281D | 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 #963600 a #33281D

#963600 #33281D

Calcule el color entre dos colores, #963600 y #33281D. 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)

#963600 - #33281D | 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 #963600 como 0% y #33281D como 100%.

0.0%	0.0% #963600	RGB 150 54 0	#963600
16.7%	16.7% #853304	RGB 133 51 4	#853304
33.3%	33.3% #753109	RGB 117 49 9	#753109
50.0%	50.0% #642F0E	RGB 100 47 14	#642F0E
66.7%	66.7% #542C13	RGB 84 44 19	#542C13
83.3%	83.3% #432A18	RGB 67 42 24	#432A18
100.0%	100.0% #33281D	RGB 51 40 29	#33281D

#963600 #853304 #753109 #642F0E #542C13 #432A18 #33281D

#963600 - #33281D

Mezcla HSV

#963600 - #33281D | 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 #963600 como 0% y #33281D como 100%.

0.0%	0.0% #963600	RGB 150 54 0	#963600
16.7%	16.7% #853A0C	RGB 133 58 12	#853A0C
33.3%	33.3% #753C16	RGB 117 60 22	#753C16
50.0%	50.0% #643B1C	RGB 100 59 28	#643B1C
66.7%	66.7% #54371F	RGB 84 55 31	#54371F
83.3%	83.3% #43301F	RGB 67 48 31	#43301F
100.0%	100.0% #33281D	RGB 51 40 29	#33281D

#963600 #853A0C #753C16 #643B1C #54371F #43301F #33281D

#963600 - #643B1C - #33281D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #963600 0%, #643B1C 50%, #33281D 100%);
    background: -webkit-linear-gradient(top, #963600 0%, #643B1C 50%, #33281D 100%);
    background: linear-gradient(to bottom, #963600 0%, #643B1C 50%, #33281D 100%);
}
</style>