#C92D02 - #FF6F00 | 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 #C92D02 a #FF6F00

#C92D02 #FF6F00

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

#C92D02 - #FF6F00 | 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 #C92D02 como 0% y #FF6F00 como 100%.

0.0%	0.0% #C92D02	RGB 201 45 2	#C92D02
16.7%	16.7% #D23801	RGB 210 56 1	#D23801
33.3%	33.3% #DB4301	RGB 219 67 1	#DB4301
50.0%	50.0% #E44E01	RGB 228 78 1	#E44E01
66.7%	66.7% #ED5900	RGB 237 89 0	#ED5900
83.3%	83.3% #F66400	RGB 246 100 0	#F66400
100.0%	100.0% #FF6F00	RGB 255 111 0	#FF6F00

#C92D02 #D23801 #DB4301 #E44E01 #ED5900 #F66400 #FF6F00

#C92D02 - #FF6F00

Mezcla HSV

#C92D02 - #FF6F00 | 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 #C92D02 como 0% y #FF6F00 como 100%.

0.0%	0.0% #C92C01	RGB 201 44 1	#C92C01
16.7%	16.7% #D23601	RGB 210 54 1	#D23601
33.3%	33.3% #DB4001	RGB 219 64 1	#DB4001
50.0%	50.0% #E44B01	RGB 228 75 1	#E44B01
66.7%	66.7% #ED5600	RGB 237 86 0	#ED5600
83.3%	83.3% #F66200	RGB 246 98 0	#F66200
100.0%	100.0% #FF6F00	RGB 255 111 0	#FF6F00

#C92C01 #D23601 #DB4001 #E44B01 #ED5600 #F66200 #FF6F00

#C92D02 - #E44B01 - #FF6F00

Códigos CSS

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

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