#FF9C5E - #E3531A | 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 #FF9C5E a #E3531A

#FF9C5E #E3531A

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

#FF9C5E - #E3531A | 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 #FF9C5E como 0% y #E3531A como 100%.

0.0%	0.0% #FF9C5E	RGB 255 156 94	#FF9C5E
16.7%	16.7% #FA8F52	RGB 250 143 82	#FA8F52
33.3%	33.3% #F58347	RGB 245 131 71	#F58347
50.0%	50.0% #F1773C	RGB 241 119 60	#F1773C
66.7%	66.7% #EC6B30	RGB 236 107 48	#EC6B30
83.3%	83.3% #E75F25	RGB 231 95 37	#E75F25
100.0%	100.0% #E3531A	RGB 227 83 26	#E3531A

#FF9C5E #FA8F52 #F58347 #F1773C #EC6B30 #E75F25 #E3531A

#FF9C5E - #E3531A

Mezcla HSV

#FF9C5E - #E3531A | 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 #FF9C5E como 0% y #E3531A como 100%.

0.0%	0.0% #FF9C5D	RGB 255 156 93	#FF9C5D
16.7%	16.7% #FA8F51	RGB 250 143 81	#FA8F51
33.3%	33.3% #F58345	RGB 245 131 69	#F58345
50.0%	50.0% #F1773A	RGB 241 119 58	#F1773A
66.7%	66.7% #EC6B2F	RGB 236 107 47	#EC6B2F
83.3%	83.3% #E75F24	RGB 231 95 36	#E75F24
100.0%	100.0% #E3531A	RGB 227 83 26	#E3531A

#FF9C5D #FA8F51 #F58345 #F1773A #EC6B2F #E75F24 #E3531A

#FF9C5E - #F1773A - #E3531A

Códigos CSS

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

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