#ECDA5E - #FFF08D | 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 #ECDA5E a #FFF08D

#ECDA5E #FFF08D

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

#ECDA5E - #FFF08D | 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 #ECDA5E como 0% y #FFF08D como 100%.

0.0%	0.0% #ECDA5E	RGB 236 218 94	#ECDA5E
16.7%	16.7% #EFDD65	RGB 239 221 101	#EFDD65
33.3%	33.3% #F2E16D	RGB 242 225 109	#F2E16D
50.0%	50.0% #F5E575	RGB 245 229 117	#F5E575
66.7%	66.7% #F8E87D	RGB 248 232 125	#F8E87D
83.3%	83.3% #FBEC85	RGB 251 236 133	#FBEC85
100.0%	100.0% #FFF08D	RGB 255 240 141	#FFF08D

#ECDA5E #EFDD65 #F2E16D #F5E575 #F8E87D #FBEC85 #FFF08D

#ECDA5E - #FFF08D

Mezcla HSV

#ECDA5E - #FFF08D | 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 #ECDA5E como 0% y #FFF08D como 100%.

0.0%	0.0% #ECDA5E	RGB 236 218 94	#ECDA5E
16.7%	16.7% #EFDD65	RGB 239 221 101	#EFDD65
33.3%	33.3% #F2E16D	RGB 242 225 109	#F2E16D
50.0%	50.0% #F5E474	RGB 245 228 116	#F5E474
66.7%	66.7% #F8E87C	RGB 248 232 124	#F8E87C
83.3%	83.3% #FBEC84	RGB 251 236 132	#FBEC84
100.0%	100.0% #FFF08D	RGB 255 240 141	#FFF08D

#ECDA5E #EFDD65 #F2E16D #F5E474 #F8E87C #FBEC84 #FFF08D

#ECDA5E - #F5E474 - #FFF08D

Códigos CSS

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

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