#EC5E6D - #FFBA80 | 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 #EC5E6D a #FFBA80

#EC5E6D #FFBA80

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

#EC5E6D - #FFBA80 | 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 #EC5E6D como 0% y #FFBA80 como 100%.

0.0%	0.0% #EC5E6D	RGB 236 94 109	#EC5E6D
16.7%	16.7% #EF6D70	RGB 239 109 112	#EF6D70
33.3%	33.3% #F27C73	RGB 242 124 115	#F27C73
50.0%	50.0% #F58C76	RGB 245 140 118	#F58C76
66.7%	66.7% #F89B79	RGB 248 155 121	#F89B79
83.3%	83.3% #FBAA7C	RGB 251 170 124	#FBAA7C
100.0%	100.0% #FFBA80	RGB 255 186 128	#FFBA80

#EC5E6D #EF6D70 #F27C73 #F58C76 #F89B79 #FBAA7C #FFBA80

#EC5E6D - #FFBA80

Mezcla HSV

#EC5E6D - #FFBA80 | 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 #EC5E6D como 0% y #FFBA80 como 100%.

0.0%	0.0% #EC5E6D	RGB 236 94 109	#EC5E6D
16.7%	16.7% #EF6365	RGB 239 99 101	#EF6365
33.3%	33.3% #F27468	RGB 242 116 104	#F27468
50.0%	50.0% #F5866E	RGB 245 134 110	#F5866E
66.7%	66.7% #F89774	RGB 248 151 116	#F89774
83.3%	83.3% #FBA97A	RGB 251 169 122	#FBA97A
100.0%	100.0% #FFBA80	RGB 255 186 128	#FFBA80

#EC5E6D #EF6365 #F27468 #F5866E #F89774 #FBA97A #FFBA80

#EC5E6D - #F5866E - #FFBA80

Códigos CSS

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

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