#EF6E5E - #FEC77C | 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 #EF6E5E a #FEC77C

#EF6E5E #FEC77C

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

#EF6E5E - #FEC77C | 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 #EF6E5E como 0% y #FEC77C como 100%.

0.0%	0.0% #EF6E5E	RGB 239 110 94	#EF6E5E
16.7%	16.7% #F17C63	RGB 241 124 99	#F17C63
33.3%	33.3% #F48B68	RGB 244 139 104	#F48B68
50.0%	50.0% #F69A6D	RGB 246 154 109	#F69A6D
66.7%	66.7% #F9A972	RGB 249 169 114	#F9A972
83.3%	83.3% #FBB877	RGB 251 184 119	#FBB877
100.0%	100.0% #FEC77C	RGB 254 199 124	#FEC77C

#EF6E5E #F17C63 #F48B68 #F69A6D #F9A972 #FBB877 #FEC77C

#EF6E5E - #FEC77C

Mezcla HSV

#EF6E5E - #FEC77C | 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 #EF6E5E como 0% y #FEC77C como 100%.

0.0%	0.0% #EF6E5E	RGB 239 110 94	#EF6E5E
16.7%	16.7% #F17D62	RGB 241 125 98	#F17D62
33.3%	33.3% #F48C67	RGB 244 140 103	#F48C67
50.0%	50.0% #F69C6C	RGB 246 156 108	#F69C6C
66.7%	66.7% #F9AA71	RGB 249 170 113	#F9AA71
83.3%	83.3% #FBB976	RGB 251 185 118	#FBB976
100.0%	100.0% #FEC77C	RGB 254 199 124	#FEC77C

#EF6E5E #F17D62 #F48C67 #F69C6C #F9AA71 #FBB976 #FEC77C

#EF6E5E - #F69C6C - #FEC77C

Códigos CSS

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

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