#FADA5E - #FDF4D1 | 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 #FADA5E a #FDF4D1

#FADA5E #FDF4D1

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

#FADA5E - #FDF4D1 | 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 #FADA5E como 0% y #FDF4D1 como 100%.

0.0%	0.0% #FADA5E	RGB 250 218 94	#FADA5E
16.7%	16.7% #FADE71	RGB 250 222 113	#FADE71
33.3%	33.3% #FBE284	RGB 251 226 132	#FBE284
50.0%	50.0% #FBE797	RGB 251 231 151	#FBE797
66.7%	66.7% #FCEBAA	RGB 252 235 170	#FCEBAA
83.3%	83.3% #FCEFBD	RGB 252 239 189	#FCEFBD
100.0%	100.0% #FDF4D1	RGB 253 244 209	#FDF4D1

#FADA5E #FADE71 #FBE284 #FBE797 #FCEBAA #FCEFBD #FDF4D1

#FADA5E - #FDF4D1

Mezcla HSV

#FADA5E - #FDF4D1 | 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 #FADA5E como 0% y #FDF4D1 como 100%.

0.0%	0.0% #FADA5E	RGB 250 218 94	#FADA5E
16.7%	16.7% #FADE70	RGB 250 222 112	#FADE70
33.3%	33.3% #FBE284	RGB 251 226 132	#FBE284
50.0%	50.0% #FBE697	RGB 251 230 151	#FBE697
66.7%	66.7% #FCEBAA	RGB 252 235 170	#FCEBAA
83.3%	83.3% #FCEFBD	RGB 252 239 189	#FCEFBD
100.0%	100.0% #FDF4D1	RGB 253 244 209	#FDF4D1

#FADA5E #FADE70 #FBE284 #FBE697 #FCEBAA #FCEFBD #FDF4D1

#FADA5E - #FBE697 - #FDF4D1

Códigos CSS

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

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