#C92D06 - #FF7000 | 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 #C92D06 a #FF7000

#C92D06 #FF7000

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

#C92D06 - #FF7000 | 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 #C92D06 como 0% y #FF7000 como 100%.

0.0%	0.0% #C92D06	RGB 201 45 6	#C92D06
16.7%	16.7% #D23805	RGB 210 56 5	#D23805
33.3%	33.3% #DB4304	RGB 219 67 4	#DB4304
50.0%	50.0% #E44E03	RGB 228 78 3	#E44E03
66.7%	66.7% #ED5902	RGB 237 89 2	#ED5902
83.3%	83.3% #F66401	RGB 246 100 1	#F66401
100.0%	100.0% #FF7000	RGB 255 112 0	#FF7000

#C92D06 #D23805 #DB4304 #E44E03 #ED5902 #F66401 #FF7000

#C92D06 - #FF7000

Mezcla HSV

#C92D06 - #FF7000 | 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 #C92D06 como 0% y #FF7000 como 100%.

0.0%	0.0% #C92C05	RGB 201 44 5	#C92C05
16.7%	16.7% #D23605	RGB 210 54 5	#D23605
33.3%	33.3% #DB4004	RGB 219 64 4	#DB4004
50.0%	50.0% #E44B03	RGB 228 75 3	#E44B03
66.7%	66.7% #ED5602	RGB 237 86 2	#ED5602
83.3%	83.3% #F66201	RGB 246 98 1	#F66201
100.0%	100.0% #FF7000	RGB 255 112 0	#FF7000

#C92C05 #D23605 #DB4004 #E44B03 #ED5602 #F66201 #FF7000

#C92D06 - #E44B03 - #FF7000

Códigos CSS

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

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