#DFDFDE - #F5F5F5 | 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 #DFDFDE a #F5F5F5

#DFDFDE #F5F5F5

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

#DFDFDE - #F5F5F5 | 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 #DFDFDE como 0% y #F5F5F5 como 100%.

0.0%	0.0% #DFDFDE	RGB 223 223 222	#DFDFDE
16.7%	16.7% #E2E2E1	RGB 226 226 225	#E2E2E1
33.3%	33.3% #E6E6E5	RGB 230 230 229	#E6E6E5
50.0%	50.0% #EAEAE9	RGB 234 234 233	#EAEAE9
66.7%	66.7% #EDEDED	RGB 237 237 237	#EDEDED
83.3%	83.3% #F1F1F1	RGB 241 241 241	#F1F1F1
100.0%	100.0% #F5F5F5	RGB 245 245 245	#F5F5F5

#DFDFDE #E2E2E1 #E6E6E5 #EAEAE9 #EDEDED #F1F1F1 #F5F5F5

#DFDFDE - #F5F5F5

Mezcla HSV

#DFDFDE - #F5F5F5 | 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 #DFDFDE como 0% y #F5F5F5 como 100%.

0.0%	0.0% #DFDFDE	RGB 223 223 222	#DFDFDE
16.7%	16.7% #E2E2E1	RGB 226 226 225	#E2E2E1
33.3%	33.3% #E6E6E5	RGB 230 230 229	#E6E6E5
50.0%	50.0% #EAE9E9	RGB 234 233 233	#EAE9E9
66.7%	66.7% #EDEDED	RGB 237 237 237	#EDEDED
83.3%	83.3% #F1F1F1	RGB 241 241 241	#F1F1F1
100.0%	100.0% #F5F5F5	RGB 245 245 245	#F5F5F5

#DFDFDE #E2E2E1 #E6E6E5 #EAE9E9 #EDEDED #F1F1F1 #F5F5F5

#DFDFDE - #EAE9E9 - #F5F5F5

Códigos CSS

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

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