#FF2F01 - #FF8300 | 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 #FF2F01 a #FF8300

#FF2F01 #FF8300

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

#FF2F01 - #FF8300 | 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 #FF2F01 como 0% y #FF8300 como 100%.

0.0%	0.0% #FF2F01	RGB 255 47 1	#FF2F01
16.7%	16.7% #FF3D00	RGB 255 61 0	#FF3D00
33.3%	33.3% #FF4B00	RGB 255 75 0	#FF4B00
50.0%	50.0% #FF5900	RGB 255 89 0	#FF5900
66.7%	66.7% #FF6700	RGB 255 103 0	#FF6700
83.3%	83.3% #FF7500	RGB 255 117 0	#FF7500
100.0%	100.0% #FF8300	RGB 255 131 0	#FF8300

#FF2F01 #FF3D00 #FF4B00 #FF5900 #FF6700 #FF7500 #FF8300

#FF2F01 - #FF8300

Mezcla HSV

#FF2F01 - #FF8300 | 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 #FF2F01 como 0% y #FF8300 como 100%.

0.0%	0.0% #FF2F00	RGB 255 47 0	#FF2F00
16.7%	16.7% #FF3C00	RGB 255 60 0	#FF3C00
33.3%	33.3% #FF4A00	RGB 255 74 0	#FF4A00
50.0%	50.0% #FF5800	RGB 255 88 0	#FF5800
66.7%	66.7% #FF6600	RGB 255 102 0	#FF6600
83.3%	83.3% #FF7400	RGB 255 116 0	#FF7400
100.0%	100.0% #FF8300	RGB 255 131 0	#FF8300

#FF2F00 #FF3C00 #FF4A00 #FF5800 #FF6600 #FF7400 #FF8300

#FF2F01 - #FF5800 - #FF8300

Códigos CSS

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

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