#E43C5E - #FF9A6B | 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 #E43C5E a #FF9A6B

#E43C5E #FF9A6B

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

#E43C5E - #FF9A6B | 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 #E43C5E como 0% y #FF9A6B como 100%.

0.0%	0.0% #E43C5E	RGB 228 60 94	#E43C5E
16.7%	16.7% #E84B60	RGB 232 75 96	#E84B60
33.3%	33.3% #ED5B62	RGB 237 91 98	#ED5B62
50.0%	50.0% #F16B64	RGB 241 107 100	#F16B64
66.7%	66.7% #F67A66	RGB 246 122 102	#F67A66
83.3%	83.3% #FA8A68	RGB 250 138 104	#FA8A68
100.0%	100.0% #FF9A6B	RGB 255 154 107	#FF9A6B

#E43C5E #E84B60 #ED5B62 #F16B64 #F67A66 #FA8A68 #FF9A6B

#E43C5E - #FF9A6B

Mezcla HSV

#E43C5E - #FF9A6B | 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 #E43C5E como 0% y #FF9A6B como 100%.

0.0%	0.0% #E43C5E	RGB 228 60 94	#E43C5E
16.7%	16.7% #E84356	RGB 232 67 86	#E84356
33.3%	33.3% #ED4A4F	RGB 237 74 79	#ED4A4F
50.0%	50.0% #F15B52	RGB 241 91 82	#F15B52
66.7%	66.7% #F6705A	RGB 246 112 90	#F6705A
83.3%	83.3% #FA8562	RGB 250 133 98	#FA8562
100.0%	100.0% #FF9A6B	RGB 255 154 107	#FF9A6B

#E43C5E #E84356 #ED4A4F #F15B52 #F6705A #FA8562 #FF9A6B

#E43C5E - #F15B52 - #FF9A6B

Códigos CSS

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

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