#966A00 - #FC962E | 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 #966A00 a #FC962E

#966A00 #FC962E

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

#966A00 - #FC962E | 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 #966A00 como 0% y #FC962E como 100%.

0.0%	0.0% #966A00	RGB 150 106 0	#966A00
16.7%	16.7% #A77107	RGB 167 113 7	#A77107
33.3%	33.3% #B8780F	RGB 184 120 15	#B8780F
50.0%	50.0% #C98017	RGB 201 128 23	#C98017
66.7%	66.7% #DA871E	RGB 218 135 30	#DA871E
83.3%	83.3% #EB8E26	RGB 235 142 38	#EB8E26
100.0%	100.0% #FC962E	RGB 252 150 46	#FC962E

#966A00 #A77107 #B8780F #C98017 #DA871E #EB8E26 #FC962E

#966A00 - #FC962E

Mezcla HSV

#966A00 - #FC962E | 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 #966A00 como 0% y #FC962E como 100%.

0.0%	0.0% #966A00	RGB 150 106 0	#966A00
16.7%	16.7% #A77205	RGB 167 114 5	#A77205
33.3%	33.3% #B8790B	RGB 184 121 11	#B8790B
50.0%	50.0% #C98012	RGB 201 128 18	#C98012
66.7%	66.7% #DA881A	RGB 218 136 26	#DA881A
83.3%	83.3% #EB8F23	RGB 235 143 35	#EB8F23
100.0%	100.0% #FC962E	RGB 252 150 46	#FC962E

#966A00 #A77205 #B8790B #C98012 #DA881A #EB8F23 #FC962E

#966A00 - #C98012 - #FC962E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #966A00 0%, #C98012 50%, #FC962E 100%);
    background: -webkit-linear-gradient(top, #966A00 0%, #C98012 50%, #FC962E 100%);
    background: linear-gradient(to bottom, #966A00 0%, #C98012 50%, #FC962E 100%);
}
</style>