#963E00 - #661300 | 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 #963E00 a #661300

#963E00 #661300

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

#963E00 - #661300 | 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 #963E00 como 0% y #661300 como 100%.

0.0%	0.0% #963E00	RGB 150 62 0	#963E00
16.7%	16.7% #8E3600	RGB 142 54 0	#8E3600
33.3%	33.3% #862F00	RGB 134 47 0	#862F00
50.0%	50.0% #7E2800	RGB 126 40 0	#7E2800
66.7%	66.7% #762100	RGB 118 33 0	#762100
83.3%	83.3% #6E1A00	RGB 110 26 0	#6E1A00
100.0%	100.0% #661300	RGB 102 19 0	#661300

#963E00 #8E3600 #862F00 #7E2800 #762100 #6E1A00 #661300

#963E00 - #661300

Mezcla HSV

#963E00 - #661300 | 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 #963E00 como 0% y #661300 como 100%.

0.0%	0.0% #963E00	RGB 150 62 0	#963E00
16.7%	16.7% #8E3500	RGB 142 53 0	#8E3500
33.3%	33.3% #862D00	RGB 134 45 0	#862D00
50.0%	50.0% #7E2500	RGB 126 37 0	#7E2500
66.7%	66.7% #761E00	RGB 118 30 0	#761E00
83.3%	83.3% #6E1800	RGB 110 24 0	#6E1800
100.0%	100.0% #661300	RGB 102 19 0	#661300

#963E00 #8E3500 #862D00 #7E2500 #761E00 #6E1800 #661300

#963E00 - #7E2500 - #661300

Códigos CSS

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

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