#A61300 - #EF4700 | 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 #A61300 a #EF4700

#A61300 #EF4700

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

#A61300 - #EF4700 | 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 #A61300 como 0% y #EF4700 como 100%.

0.0%	0.0% #A61300	RGB 166 19 0	#A61300
16.7%	16.7% #B21B00	RGB 178 27 0	#B21B00
33.3%	33.3% #BE2400	RGB 190 36 0	#BE2400
50.0%	50.0% #CA2D00	RGB 202 45 0	#CA2D00
66.7%	66.7% #D63500	RGB 214 53 0	#D63500
83.3%	83.3% #E23E00	RGB 226 62 0	#E23E00
100.0%	100.0% #EF4700	RGB 239 71 0	#EF4700

#A61300 #B21B00 #BE2400 #CA2D00 #D63500 #E23E00 #EF4700

#A61300 - #EF4700

Mezcla HSV

#A61300 - #EF4700 | 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 #A61300 como 0% y #EF4700 como 100%.

0.0%	0.0% #A61300	RGB 166 19 0	#A61300
16.7%	16.7% #B21900	RGB 178 25 0	#B21900
33.3%	33.3% #BE2100	RGB 190 33 0	#BE2100
50.0%	50.0% #CA2900	RGB 202 41 0	#CA2900
66.7%	66.7% #D63200	RGB 214 50 0	#D63200
83.3%	83.3% #E23C00	RGB 226 60 0	#E23C00
100.0%	100.0% #EF4700	RGB 239 71 0	#EF4700

#A61300 #B21900 #BE2100 #CA2900 #D63200 #E23C00 #EF4700

#A61300 - #CA2900 - #EF4700

Códigos CSS

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

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