#FECC92 - #FEF0DF | 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 #FECC92 a #FEF0DF

#FECC92 #FEF0DF

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

#FECC92 - #FEF0DF | 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 #FECC92 como 0% y #FEF0DF como 100%.

0.0%	0.0% #FECC92	RGB 254 204 146	#FECC92
16.7%	16.7% #FED29E	RGB 254 210 158	#FED29E
33.3%	33.3% #FED8AB	RGB 254 216 171	#FED8AB
50.0%	50.0% #FEDEB8	RGB 254 222 184	#FEDEB8
66.7%	66.7% #FEE4C5	RGB 254 228 197	#FEE4C5
83.3%	83.3% #FEEAD2	RGB 254 234 210	#FEEAD2
100.0%	100.0% #FEF0DF	RGB 254 240 223	#FEF0DF

#FECC92 #FED29E #FED8AB #FEDEB8 #FEE4C5 #FEEAD2 #FEF0DF

#FECC92 - #FEF0DF

Mezcla HSV

#FECC92 - #FEF0DF | 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 #FECC92 como 0% y #FEF0DF como 100%.

0.0%	0.0% #FECC92	RGB 254 204 146	#FECC92
16.7%	16.7% #FED29E	RGB 254 210 158	#FED29E
33.3%	33.3% #FED8AB	RGB 254 216 171	#FED8AB
50.0%	50.0% #FEDEB8	RGB 254 222 184	#FEDEB8
66.7%	66.7% #FEE4C5	RGB 254 228 197	#FEE4C5
83.3%	83.3% #FEEAD2	RGB 254 234 210	#FEEAD2
100.0%	100.0% #FEF0DF	RGB 254 240 223	#FEF0DF

#FECC92 #FED29E #FED8AB #FEDEB8 #FEE4C5 #FEEAD2 #FEF0DF

#FECC92 - #FEDEB8 - #FEF0DF

Códigos CSS

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

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