#FECE8F - #FEF1DF | 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 #FECE8F a #FEF1DF

#FECE8F #FEF1DF

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

#FECE8F - #FEF1DF | 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 #FECE8F como 0% y #FEF1DF como 100%.

0.0%	0.0% #FECE8F	RGB 254 206 143	#FECE8F
16.7%	16.7% #FED39C	RGB 254 211 156	#FED39C
33.3%	33.3% #FED9A9	RGB 254 217 169	#FED9A9
50.0%	50.0% #FEDFB7	RGB 254 223 183	#FEDFB7
66.7%	66.7% #FEE5C4	RGB 254 229 196	#FEE5C4
83.3%	83.3% #FEEBD1	RGB 254 235 209	#FEEBD1
100.0%	100.0% #FEF1DF	RGB 254 241 223	#FEF1DF

#FECE8F #FED39C #FED9A9 #FEDFB7 #FEE5C4 #FEEBD1 #FEF1DF

#FECE8F - #FEF1DF

Mezcla HSV

#FECE8F - #FEF1DF | 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 #FECE8F como 0% y #FEF1DF como 100%.

0.0%	0.0% #FECE8F	RGB 254 206 143	#FECE8F
16.7%	16.7% #FED39C	RGB 254 211 156	#FED39C
33.3%	33.3% #FED9A9	RGB 254 217 169	#FED9A9
50.0%	50.0% #FEDFB7	RGB 254 223 183	#FEDFB7
66.7%	66.7% #FEE5C4	RGB 254 229 196	#FEE5C4
83.3%	83.3% #FEEBD1	RGB 254 235 209	#FEEBD1
100.0%	100.0% #FEF1DF	RGB 254 241 223	#FEF1DF

#FECE8F #FED39C #FED9A9 #FEDFB7 #FEE5C4 #FEEBD1 #FEF1DF

#FECE8F - #FEDFB7 - #FEF1DF

Códigos CSS

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

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