#BA0000 - #FF3400 | 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 #BA0000 a #FF3400

#BA0000 #FF3400

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

#BA0000 - #FF3400 | 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 #BA0000 como 0% y #FF3400 como 100%.

0.0%	0.0% #BA0000	RGB 186 0 0	#BA0000
16.7%	16.7% #C50800	RGB 197 8 0	#C50800
33.3%	33.3% #D11100	RGB 209 17 0	#D11100
50.0%	50.0% #DC1A00	RGB 220 26 0	#DC1A00
66.7%	66.7% #E82200	RGB 232 34 0	#E82200
83.3%	83.3% #F32B00	RGB 243 43 0	#F32B00
100.0%	100.0% #FF3400	RGB 255 52 0	#FF3400

#BA0000 #C50800 #D11100 #DC1A00 #E82200 #F32B00 #FF3400

#BA0000 - #FF3400

Mezcla HSV

#BA0000 - #FF3400 | 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 #BA0000 como 0% y #FF3400 como 100%.

0.0%	0.0% #BA0000	RGB 186 0 0	#BA0000
16.7%	16.7% #C50600	RGB 197 6 0	#C50600
33.3%	33.3% #D10E00	RGB 209 14 0	#D10E00
50.0%	50.0% #DC1600	RGB 220 22 0	#DC1600
66.7%	66.7% #E81F00	RGB 232 31 0	#E81F00
83.3%	83.3% #F32900	RGB 243 41 0	#F32900
100.0%	100.0% #FF3400	RGB 255 52 0	#FF3400

#BA0000 #C50600 #D10E00 #DC1600 #E81F00 #F32900 #FF3400

#BA0000 - #DC1600 - #FF3400

Códigos CSS

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

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