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

#FBFBFA #FBFCFF

Calcule el color entre dos colores, #FBFBFA 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)

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

0.0%	0.0% #FBFBFA	RGB 251 251 250	#FBFBFA
16.7%	16.7% #FBFBFA	RGB 251 251 250	#FBFBFA
33.3%	33.3% #FBFBFB	RGB 251 251 251	#FBFBFB
50.0%	50.0% #FBFBFC	RGB 251 251 252	#FBFBFC
66.7%	66.7% #FBFBFD	RGB 251 251 253	#FBFBFD
83.3%	83.3% #FBFBFE	RGB 251 251 254	#FBFBFE
100.0%	100.0% #FBFCFF	RGB 251 252 255	#FBFCFF

#FBFBFA #FBFBFA #FBFBFB #FBFBFC #FBFBFD #FBFBFE #FBFCFF

#FBFBFA - #FBFCFF

Mezcla HSV

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

0.0%	0.0% #FBFBFA	RGB 251 251 250	#FBFBFA
16.7%	16.7% #FAFBFA	RGB 250 251 250	#FAFBFA
33.3%	33.3% #FAFCFA	RGB 250 252 250	#FAFCFA
50.0%	50.0% #FAFDFB	RGB 250 253 251	#FAFDFB
66.7%	66.7% #FAFDFD	RGB 250 253 253	#FAFDFD
83.3%	83.3% #FAFDFE	RGB 250 253 254	#FAFDFE
100.0%	100.0% #FBFCFF	RGB 251 252 255	#FBFCFF

#FBFBFA #FAFBFA #FAFCFA #FAFDFB #FAFDFD #FAFDFE #FBFCFF

#FBFBFA - #FAFDFB - #FBFCFF

Códigos CSS

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

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