#FF4500 - #AE210A | 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 #FF4500 a #AE210A

#FF4500 #AE210A

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

#FF4500 - #AE210A | 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 #FF4500 como 0% y #AE210A como 100%.

0.0%	0.0% #FF4500	RGB 255 69 0	#FF4500
16.7%	16.7% #F13F01	RGB 241 63 1	#F13F01
33.3%	33.3% #E43903	RGB 228 57 3	#E43903
50.0%	50.0% #D63305	RGB 214 51 5	#D63305
66.7%	66.7% #C92D06	RGB 201 45 6	#C92D06
83.3%	83.3% #BB2708	RGB 187 39 8	#BB2708
100.0%	100.0% #AE210A	RGB 174 33 10	#AE210A

#FF4500 #F13F01 #E43903 #D63305 #C92D06 #BB2708 #AE210A

#FF4500 - #AE210A

Mezcla HSV

#FF4500 - #AE210A | 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 #FF4500 como 0% y #AE210A como 100%.

0.0%	0.0% #FF4500	RGB 255 69 0	#FF4500
16.7%	16.7% #F13D02	RGB 241 61 2	#F13D02
33.3%	33.3% #E43704	RGB 228 55 4	#E43704
50.0%	50.0% #D63006	RGB 214 48 6	#D63006
66.7%	66.7% #C92B07	RGB 201 43 7	#C92B07
83.3%	83.3% #BB2508	RGB 187 37 8	#BB2508
100.0%	100.0% #AE210A	RGB 174 33 10	#AE210A

#FF4500 #F13D02 #E43704 #D63006 #C92B07 #BB2508 #AE210A

#FF4500 - #D63006 - #AE210A

Códigos CSS

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

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