#A60000 - #F12E00 | 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 #A60000 a #F12E00

#A60000 #F12E00

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

#A60000 - #F12E00 | 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 #A60000 como 0% y #F12E00 como 100%.

0.0%	0.0% #A60000	RGB 166 0 0	#A60000
16.7%	16.7% #B20700	RGB 178 7 0	#B20700
33.3%	33.3% #BF0F00	RGB 191 15 0	#BF0F00
50.0%	50.0% #CB1700	RGB 203 23 0	#CB1700
66.7%	66.7% #D81E00	RGB 216 30 0	#D81E00
83.3%	83.3% #E42600	RGB 228 38 0	#E42600
100.0%	100.0% #F12E00	RGB 241 46 0	#F12E00

#A60000 #B20700 #BF0F00 #CB1700 #D81E00 #E42600 #F12E00

#A60000 - #F12E00

Mezcla HSV

#A60000 - #F12E00 | 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 #A60000 como 0% y #F12E00 como 100%.

0.0%	0.0% #A60000	RGB 166 0 0	#A60000
16.7%	16.7% #B20500	RGB 178 5 0	#B20500
33.3%	33.3% #BF0C00	RGB 191 12 0	#BF0C00
50.0%	50.0% #CB1300	RGB 203 19 0	#CB1300
66.7%	66.7% #D81B00	RGB 216 27 0	#D81B00
83.3%	83.3% #E42400	RGB 228 36 0	#E42400
100.0%	100.0% #F12E00	RGB 241 46 0	#F12E00

#A60000 #B20500 #BF0C00 #CB1300 #D81B00 #E42400 #F12E00

#A60000 - #CB1300 - #F12E00

Códigos CSS

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

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