#FF5E00 - #FAAC02 | 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 #FF5E00 a #FAAC02

#FF5E00 #FAAC02

Calcule el color entre dos colores, #FF5E00 y #FAAC02. 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)

#FF5E00 - #FAAC02 | 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 #FF5E00 como 0% y #FAAC02 como 100%.

0.0%	0.0% #FF5E00	RGB 255 94 0	#FF5E00
16.7%	16.7% #FE6B00	RGB 254 107 0	#FE6B00
33.3%	33.3% #FD7800	RGB 253 120 0	#FD7800
50.0%	50.0% #FC8501	RGB 252 133 1	#FC8501
66.7%	66.7% #FB9201	RGB 251 146 1	#FB9201
83.3%	83.3% #FA9F01	RGB 250 159 1	#FA9F01
100.0%	100.0% #FAAC02	RGB 250 172 2	#FAAC02

#FF5E00 #FE6B00 #FD7800 #FC8501 #FB9201 #FA9F01 #FAAC02

#FF5E00 - #FAAC02

Mezcla HSV

#FF5E00 - #FAAC02 | 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 #FF5E00 como 0% y #FAAC02 como 100%.

0.0%	0.0% #FF5E00	RGB 255 94 0	#FF5E00
16.7%	16.7% #FE6B00	RGB 254 107 0	#FE6B00
33.3%	33.3% #FD7800	RGB 253 120 0	#FD7800
50.0%	50.0% #FC8501	RGB 252 133 1	#FC8501
66.7%	66.7% #FB9201	RGB 251 146 1	#FB9201
83.3%	83.3% #FA9F01	RGB 250 159 1	#FA9F01
100.0%	100.0% #FAAC02	RGB 250 172 2	#FAAC02

#FF5E00 #FE6B00 #FD7800 #FC8501 #FB9201 #FA9F01 #FAAC02

#FF5E00 - #FC8501 - #FAAC02

Códigos CSS

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

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