#FF000F - #FF5100 | 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 #FF000F a #FF5100

#FF000F #FF5100

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

#FF000F - #FF5100 | 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 #FF000F como 0% y #FF5100 como 100%.

0.0%	0.0% #FF000F	RGB 255 0 15	#FF000F
16.7%	16.7% #FF0D0C	RGB 255 13 12	#FF0D0C
33.3%	33.3% #FF1B0A	RGB 255 27 10	#FF1B0A
50.0%	50.0% #FF2807	RGB 255 40 7	#FF2807
66.7%	66.7% #FF3605	RGB 255 54 5	#FF3605
83.3%	83.3% #FF4302	RGB 255 67 2	#FF4302
100.0%	100.0% #FF5100	RGB 255 81 0	#FF5100

#FF000F #FF0D0C #FF1B0A #FF2807 #FF3605 #FF4302 #FF5100

#FF000F - #FF5100

Mezcla HSV

#FF000F - #FF5100 | 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 #FF000F como 0% y #FF5100 como 100%.

0.0%	0.0% #FF000F	RGB 255 0 15	#FF000F
16.7%	16.7% #FF0100	RGB 255 1 0	#FF0100
33.3%	33.3% #FF1100	RGB 255 17 0	#FF1100
50.0%	50.0% #FF2100	RGB 255 33 0	#FF2100
66.7%	66.7% #FF3100	RGB 255 49 0	#FF3100
83.3%	83.3% #FF4100	RGB 255 65 0	#FF4100
100.0%	100.0% #FF5100	RGB 255 81 0	#FF5100

#FF000F #FF0100 #FF1100 #FF2100 #FF3100 #FF4100 #FF5100

#FF000F - #FF2100 - #FF5100

Códigos CSS

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

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