#D6010E - #FF3E00 | 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 #D6010E a #FF3E00

#D6010E #FF3E00

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

#D6010E - #FF3E00 | 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 #D6010E como 0% y #FF3E00 como 100%.

0.0%	0.0% #D6010E	RGB 214 1 14	#D6010E
16.7%	16.7% #DC0B0B	RGB 220 11 11	#DC0B0B
33.3%	33.3% #E31509	RGB 227 21 9	#E31509
50.0%	50.0% #EA1F07	RGB 234 31 7	#EA1F07
66.7%	66.7% #F12904	RGB 241 41 4	#F12904
83.3%	83.3% #F83302	RGB 248 51 2	#F83302
100.0%	100.0% #FF3E00	RGB 255 62 0	#FF3E00

#D6010E #DC0B0B #E31509 #EA1F07 #F12904 #F83302 #FF3E00

#D6010E - #FF3E00

Mezcla HSV

#D6010E - #FF3E00 | 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 #D6010E como 0% y #FF3E00 como 100%.

0.0%	0.0% #D6000D	RGB 214 0 13	#D6000D
16.7%	16.7% #DC0003	RGB 220 0 3	#DC0003
33.3%	33.3% #E30900	RGB 227 9 0	#E30900
50.0%	50.0% #EA1500	RGB 234 21 0	#EA1500
66.7%	66.7% #F12200	RGB 241 34 0	#F12200
83.3%	83.3% #F82F00	RGB 248 47 0	#F82F00
100.0%	100.0% #FF3E00	RGB 255 62 0	#FF3E00

#D6000D #DC0003 #E30900 #EA1500 #F12200 #F82F00 #FF3E00

#D6010E - #EA1500 - #FF3E00

Códigos CSS

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

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