#E51C5E - #FF7E6B | 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 #E51C5E a #FF7E6B

#E51C5E #FF7E6B

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

#E51C5E - #FF7E6B | 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 #E51C5E como 0% y #FF7E6B como 100%.

0.0%	0.0% #E51C5E	RGB 229 28 94	#E51C5E
16.7%	16.7% #E92C60	RGB 233 44 96	#E92C60
33.3%	33.3% #ED3C62	RGB 237 60 98	#ED3C62
50.0%	50.0% #F24D64	RGB 242 77 100	#F24D64
66.7%	66.7% #F65D66	RGB 246 93 102	#F65D66
83.3%	83.3% #FA6D68	RGB 250 109 104	#FA6D68
100.0%	100.0% #FF7E6B	RGB 255 126 107	#FF7E6B

#E51C5E #E92C60 #ED3C62 #F24D64 #F65D66 #FA6D68 #FF7E6B

#E51C5E - #FF7E6B

Mezcla HSV

#E51C5E - #FF7E6B | 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 #E51C5E como 0% y #FF7E6B como 100%.

0.0%	0.0% #E51C5E	RGB 229 28 94	#E51C5E
16.7%	16.7% #E92858	RGB 233 40 88	#E92858
33.3%	33.3% #ED3455	RGB 237 52 85	#ED3455
50.0%	50.0% #F24153	RGB 242 65 83	#F24153
66.7%	66.7% #F64E52	RGB 246 78 82	#F64E52
83.3%	83.3% #FA655C	RGB 250 101 92	#FA655C
100.0%	100.0% #FF7E6B	RGB 255 126 107	#FF7E6B

#E51C5E #E92858 #ED3455 #F24153 #F64E52 #FA655C #FF7E6B

#E51C5E - #F24153 - #FF7E6B

Códigos CSS

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

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