#C92A00 - #FF6B00 | 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 #C92A00 a #FF6B00

#C92A00 #FF6B00

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

#C92A00 - #FF6B00 | 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 #C92A00 como 0% y #FF6B00 como 100%.

0.0%	0.0% #C92A00	RGB 201 42 0	#C92A00
16.7%	16.7% #D23400	RGB 210 52 0	#D23400
33.3%	33.3% #DB3F00	RGB 219 63 0	#DB3F00
50.0%	50.0% #E44A00	RGB 228 74 0	#E44A00
66.7%	66.7% #ED5500	RGB 237 85 0	#ED5500
83.3%	83.3% #F66000	RGB 246 96 0	#F66000
100.0%	100.0% #FF6B00	RGB 255 107 0	#FF6B00

#C92A00 #D23400 #DB3F00 #E44A00 #ED5500 #F66000 #FF6B00

#C92A00 - #FF6B00

Mezcla HSV

#C92A00 - #FF6B00 | 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 #C92A00 como 0% y #FF6B00 como 100%.

0.0%	0.0% #C92A00	RGB 201 42 0	#C92A00
16.7%	16.7% #D23300	RGB 210 51 0	#D23300
33.3%	33.3% #DB3D00	RGB 219 61 0	#DB3D00
50.0%	50.0% #E44700	RGB 228 71 0	#E44700
66.7%	66.7% #ED5200	RGB 237 82 0	#ED5200
83.3%	83.3% #F65E00	RGB 246 94 0	#F65E00
100.0%	100.0% #FF6B00	RGB 255 107 0	#FF6B00

#C92A00 #D23300 #DB3D00 #E44700 #ED5200 #F65E00 #FF6B00

#C92A00 - #E44700 - #FF6B00

Códigos CSS

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

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