#E34068 - #FFA079 | 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 #E34068 a #FFA079

#E34068 #FFA079

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

#E34068 - #FFA079 | 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 #E34068 como 0% y #FFA079 como 100%.

0.0%	0.0% #E34068	RGB 227 64 104	#E34068
16.7%	16.7% #E7506A	RGB 231 80 106	#E7506A
33.3%	33.3% #EC606D	RGB 236 96 109	#EC606D
50.0%	50.0% #F17070	RGB 241 112 112	#F17070
66.7%	66.7% #F58073	RGB 245 128 115	#F58073
83.3%	83.3% #FA9076	RGB 250 144 118	#FA9076
100.0%	100.0% #FFA079	RGB 255 160 121	#FFA079

#E34068 #E7506A #EC606D #F17070 #F58073 #FA9076 #FFA079

#E34068 - #FFA079

Mezcla HSV

#E34068 - #FFA079 | 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 #E34068 como 0% y #FFA079 como 100%.

0.0%	0.0% #E34068	RGB 227 64 104	#E34068
16.7%	16.7% #E74861	RGB 231 72 97	#E74861
33.3%	33.3% #EC515C	RGB 236 81 92	#EC515C
50.0%	50.0% #F15E5B	RGB 241 94 91	#F15E5B
66.7%	66.7% #F57564	RGB 245 117 100	#F57564
83.3%	83.3% #FA8A6E	RGB 250 138 110	#FA8A6E
100.0%	100.0% #FFA079	RGB 255 160 121	#FFA079

#E34068 #E74861 #EC515C #F15E5B #F57564 #FA8A6E #FFA079

#E34068 - #F15E5B - #FFA079

Códigos CSS

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

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