#EB3E3E - #FF9A4E | 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 #EB3E3E a #FF9A4E

#EB3E3E #FF9A4E

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

#EB3E3E - #FF9A4E | 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 #EB3E3E como 0% y #FF9A4E como 100%.

0.0%	0.0% #EB3E3E	RGB 235 62 62	#EB3E3E
16.7%	16.7% #EE4D40	RGB 238 77 64	#EE4D40
33.3%	33.3% #F15C43	RGB 241 92 67	#F15C43
50.0%	50.0% #F56C46	RGB 245 108 70	#F56C46
66.7%	66.7% #F87B48	RGB 248 123 72	#F87B48
83.3%	83.3% #FB8A4B	RGB 251 138 75	#FB8A4B
100.0%	100.0% #FF9A4E	RGB 255 154 78	#FF9A4E

#EB3E3E #EE4D40 #F15C43 #F56C46 #F87B48 #FB8A4B #FF9A4E

#EB3E3E - #FF9A4E

Mezcla HSV

#EB3E3E - #FF9A4E | 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 #EB3E3E como 0% y #FF9A4E como 100%.

0.0%	0.0% #EB3E3E	RGB 235 62 62	#EB3E3E
16.7%	16.7% #EE4C40	RGB 238 76 64	#EE4C40
33.3%	33.3% #F15C43	RGB 241 92 67	#F15C43
50.0%	50.0% #F56B45	RGB 245 107 69	#F56B45
66.7%	66.7% #F87A48	RGB 248 122 72	#F87A48
83.3%	83.3% #FB8A4B	RGB 251 138 75	#FB8A4B
100.0%	100.0% #FF9A4E	RGB 255 154 78	#FF9A4E

#EB3E3E #EE4C40 #F15C43 #F56B45 #F87A48 #FB8A4B #FF9A4E

#EB3E3E - #F56B45 - #FF9A4E

Códigos CSS

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

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