#FDFFFA - #E4FEFF | 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 #FDFFFA a #E4FEFF

#FDFFFA #E4FEFF

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

#FDFFFA - #E4FEFF | 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 #FDFFFA como 0% y #E4FEFF como 100%.

0.0%	0.0% #FDFFFA	RGB 253 255 250	#FDFFFA
16.7%	16.7% #F8FEFA	RGB 248 254 250	#F8FEFA
33.3%	33.3% #F4FEFB	RGB 244 254 251	#F4FEFB
50.0%	50.0% #F0FEFC	RGB 240 254 252	#F0FEFC
66.7%	66.7% #ECFEFD	RGB 236 254 253	#ECFEFD
83.3%	83.3% #E8FEFE	RGB 232 254 254	#E8FEFE
100.0%	100.0% #E4FEFF	RGB 228 254 255	#E4FEFF

#FDFFFA #F8FEFA #F4FEFB #F0FEFC #ECFEFD #E8FEFE #E4FEFF

#FDFFFA - #E4FEFF

Mezcla HSV

#FDFFFA - #E4FEFF | 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 #FDFFFA como 0% y #E4FEFF como 100%.

0.0%	0.0% #FDFFFA	RGB 253 255 250	#FDFFFA
16.7%	16.7% #F9FFF6	RGB 249 255 246	#F9FFF6
33.3%	33.3% #F3FFF2	RGB 243 255 242	#F3FFF2
50.0%	50.0% #EFFFF2	RGB 239 255 242	#EFFFF2
66.7%	66.7% #EBFFF4	RGB 235 255 244	#EBFFF4
83.3%	83.3% #E7FFF9	RGB 231 255 249	#E7FFF9
100.0%	100.0% #E4FEFF	RGB 228 254 255	#E4FEFF

#FDFFFA #F9FFF6 #F3FFF2 #EFFFF2 #EBFFF4 #E7FFF9 #E4FEFF

#FDFFFA - #EFFFF2 - #E4FEFF

Códigos CSS

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

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