#EFE5E5 - #FDFFFD | 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 #EFE5E5 a #FDFFFD

#EFE5E5 #FDFFFD

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

#EFE5E5 - #FDFFFD | 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 #EFE5E5 como 0% y #FDFFFD como 100%.

0.0%	0.0% #EFE5E5	RGB 239 229 229	#EFE5E5
16.7%	16.7% #F1E9E9	RGB 241 233 233	#F1E9E9
33.3%	33.3% #F3EDED	RGB 243 237 237	#F3EDED
50.0%	50.0% #F6F2F1	RGB 246 242 241	#F6F2F1
66.7%	66.7% #F8F6F5	RGB 248 246 245	#F8F6F5
83.3%	83.3% #FAFAF9	RGB 250 250 249	#FAFAF9
100.0%	100.0% #FDFFFD	RGB 253 255 253	#FDFFFD

#EFE5E5 #F1E9E9 #F3EDED #F6F2F1 #F8F6F5 #FAFAF9 #FDFFFD

#EFE5E5 - #FDFFFD

Mezcla HSV

#EFE5E5 - #FDFFFD | 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 #EFE5E5 como 0% y #FDFFFD como 100%.

0.0%	0.0% #EFE5E5	RGB 239 229 229	#EFE5E5
16.7%	16.7% #F1EBE8	RGB 241 235 232	#F1EBE8
33.3%	33.3% #F4F1EC	RGB 244 241 236	#F4F1EC
50.0%	50.0% #F7F7F0	RGB 247 247 240	#F7F7F0
66.7%	66.7% #F8F9F4	RGB 248 249 244	#F8F9F4
83.3%	83.3% #FAFCF8	RGB 250 252 248	#FAFCF8
100.0%	100.0% #FDFFFD	RGB 253 255 253	#FDFFFD

#EFE5E5 #F1EBE8 #F4F1EC #F7F7F0 #F8F9F4 #FAFCF8 #FDFFFD

#EFE5E5 - #F7F7F0 - #FDFFFD

Códigos CSS

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

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