#FF0211 - #FF5400 | 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 #FF0211 a #FF5400

#FF0211 #FF5400

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

#FF0211 - #FF5400 | 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 #FF0211 como 0% y #FF5400 como 100%.

0.0%	0.0% #FF0211	RGB 255 2 17	#FF0211
16.7%	16.7% #FF0F0E	RGB 255 15 14	#FF0F0E
33.3%	33.3% #FF1D0B	RGB 255 29 11	#FF1D0B
50.0%	50.0% #FF2B08	RGB 255 43 8	#FF2B08
66.7%	66.7% #FF3805	RGB 255 56 5	#FF3805
83.3%	83.3% #FF4602	RGB 255 70 2	#FF4602
100.0%	100.0% #FF5400	RGB 255 84 0	#FF5400

#FF0211 #FF0F0E #FF1D0B #FF2B08 #FF3805 #FF4602 #FF5400

#FF0211 - #FF5400

Mezcla HSV

#FF0211 - #FF5400 | 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 #FF0211 como 0% y #FF5400 como 100%.

0.0%	0.0% #FF0111	RGB 255 1 17	#FF0111
16.7%	16.7% #FF0301	RGB 255 3 1	#FF0301
33.3%	33.3% #FF1301	RGB 255 19 1	#FF1301
50.0%	50.0% #FF2300	RGB 255 35 0	#FF2300
66.7%	66.7% #FF3300	RGB 255 51 0	#FF3300
83.3%	83.3% #FF4300	RGB 255 67 0	#FF4300
100.0%	100.0% #FF5400	RGB 255 84 0	#FF5400

#FF0111 #FF0301 #FF1301 #FF2300 #FF3300 #FF4300 #FF5400

#FF0211 - #FF2300 - #FF5400

Códigos CSS

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

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