#C93C3C - #FF8D4E | 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 #C93C3C a #FF8D4E

#C93C3C #FF8D4E

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

#C93C3C - #FF8D4E | 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 #C93C3C como 0% y #FF8D4E como 100%.

0.0%	0.0% #C93C3C	RGB 201 60 60	#C93C3C
16.7%	16.7% #D2493F	RGB 210 73 63	#D2493F
33.3%	33.3% #DB5742	RGB 219 87 66	#DB5742
50.0%	50.0% #E46445	RGB 228 100 69	#E46445
66.7%	66.7% #ED7248	RGB 237 114 72	#ED7248
83.3%	83.3% #F67F4B	RGB 246 127 75	#F67F4B
100.0%	100.0% #FF8D4E	RGB 255 141 78	#FF8D4E

#C93C3C #D2493F #DB5742 #E46445 #ED7248 #F67F4B #FF8D4E

#C93C3C - #FF8D4E

Mezcla HSV

#C93C3C - #FF8D4E | 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 #C93C3C como 0% y #FF8D4E como 100%.

0.0%	0.0% #C93C3C	RGB 201 60 60	#C93C3C
16.7%	16.7% #D2473E	RGB 210 71 62	#D2473E
33.3%	33.3% #DB5441	RGB 219 84 65	#DB5441
50.0%	50.0% #E46144	RGB 228 97 68	#E46144
66.7%	66.7% #ED6F47	RGB 237 111 71	#ED6F47
83.3%	83.3% #F67D4A	RGB 246 125 74	#F67D4A
100.0%	100.0% #FF8D4E	RGB 255 141 78	#FF8D4E

#C93C3C #D2473E #DB5441 #E46144 #ED6F47 #F67D4A #FF8D4E

#C93C3C - #E46144 - #FF8D4E

Códigos CSS

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

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