#FDFF5E - #FEFFD1 | 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 #FDFF5E a #FEFFD1

#FDFF5E #FEFFD1

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

#FDFF5E - #FEFFD1 | 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 #FDFF5E como 0% y #FEFFD1 como 100%.

0.0%	0.0% #FDFF5E	RGB 253 255 94	#FDFF5E
16.7%	16.7% #FDFF71	RGB 253 255 113	#FDFF71
33.3%	33.3% #FDFF84	RGB 253 255 132	#FDFF84
50.0%	50.0% #FDFF97	RGB 253 255 151	#FDFF97
66.7%	66.7% #FDFFAA	RGB 253 255 170	#FDFFAA
83.3%	83.3% #FDFFBD	RGB 253 255 189	#FDFFBD
100.0%	100.0% #FEFFD1	RGB 254 255 209	#FEFFD1

#FDFF5E #FDFF71 #FDFF84 #FDFF97 #FDFFAA #FDFFBD #FEFFD1

#FDFF5E - #FEFFD1

Mezcla HSV

#FDFF5E - #FEFFD1 | 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 #FDFF5E como 0% y #FEFFD1 como 100%.

0.0%	0.0% #FDFF5D	RGB 253 255 93	#FDFF5D
16.7%	16.7% #FDFF71	RGB 253 255 113	#FDFF71
33.3%	33.3% #FDFF84	RGB 253 255 132	#FDFF84
50.0%	50.0% #FDFF97	RGB 253 255 151	#FDFF97
66.7%	66.7% #FDFFAA	RGB 253 255 170	#FDFFAA
83.3%	83.3% #FDFFBD	RGB 253 255 189	#FDFFBD
100.0%	100.0% #FEFFD1	RGB 254 255 209	#FEFFD1

#FDFF5D #FDFF71 #FDFF84 #FDFF97 #FDFFAA #FDFFBD #FEFFD1

#FDFF5E - #FDFF97 - #FEFFD1

Códigos CSS

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

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