#FFFFFA - #FBFCFF | 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 #FFFFFA a #FBFCFF

#FFFFFA #FBFCFF

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

#FFFFFA - #FBFCFF | 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 #FFFFFA como 0% y #FBFCFF como 100%.

0.0%	0.0% #FFFFFA	RGB 255 255 250	#FFFFFA
16.7%	16.7% #FEFEFA	RGB 254 254 250	#FEFEFA
33.3%	33.3% #FDFEFB	RGB 253 254 251	#FDFEFB
50.0%	50.0% #FDFDFC	RGB 253 253 252	#FDFDFC
66.7%	66.7% #FCFDFD	RGB 252 253 253	#FCFDFD
83.3%	83.3% #FBFCFE	RGB 251 252 254	#FBFCFE
100.0%	100.0% #FBFCFF	RGB 251 252 255	#FBFCFF

#FFFFFA #FEFEFA #FDFEFB #FDFDFC #FCFDFD #FBFCFE #FBFCFF

#FFFFFA - #FBFCFF

Mezcla HSV

#FFFFFA - #FBFCFF | 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 #FFFFFA como 0% y #FBFCFF como 100%.

0.0%	0.0% #FFFFFA	RGB 255 255 250	#FFFFFA
16.7%	16.7% #FCFFFA	RGB 252 255 250	#FCFFFA
33.3%	33.3% #FAFFFA	RGB 250 255 250	#FAFFFA
50.0%	50.0% #FAFFFC	RGB 250 255 252	#FAFFFC
66.7%	66.7% #FAFFFE	RGB 250 255 254	#FAFFFE
83.3%	83.3% #FAFDFF	RGB 250 253 255	#FAFDFF
100.0%	100.0% #FBFCFF	RGB 251 252 255	#FBFCFF

#FFFFFA #FCFFFA #FAFFFA #FAFFFC #FAFFFE #FAFDFF #FBFCFF

#FFFFFA - #FAFFFC - #FBFCFF

Códigos CSS

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

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