#DFE5B6 - #E3E3E5 | 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 #DFE5B6 a #E3E3E5

#DFE5B6 #E3E3E5

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

#DFE5B6 - #E3E3E5 | 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 #DFE5B6 como 0% y #E3E3E5 como 100%.

0.0%	0.0% #DFE5B6	RGB 223 229 182	#DFE5B6
16.7%	16.7% #DFE4BD	RGB 223 228 189	#DFE4BD
33.3%	33.3% #E0E4C5	RGB 224 228 197	#E0E4C5
50.0%	50.0% #E1E4CD	RGB 225 228 205	#E1E4CD
66.7%	66.7% #E1E3D5	RGB 225 227 213	#E1E3D5
83.3%	83.3% #E2E3DD	RGB 226 227 221	#E2E3DD
100.0%	100.0% #E3E3E5	RGB 227 227 229	#E3E3E5

#DFE5B6 #DFE4BD #E0E4C5 #E1E4CD #E1E3D5 #E2E3DD #E3E3E5

#DFE5B6 - #E3E3E5

Mezcla HSV

#DFE5B6 - #E3E3E5 | 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 #DFE5B6 como 0% y #E3E3E5 como 100%.

0.0%	0.0% #DFE5B6	RGB 223 229 182	#DFE5B6
16.7%	16.7% #CDE5BD	RGB 205 229 189	#CDE5BD
33.3%	33.3% #C5E5C7	RGB 197 229 199	#C5E5C7
50.0%	50.0% #CCE5DA	RGB 204 229 218	#CCE5DA
66.7%	66.7% #D4E4E5	RGB 212 228 229	#D4E4E5
83.3%	83.3% #DBE0E5	RGB 219 224 229	#DBE0E5
100.0%	100.0% #E3E3E5	RGB 227 227 229	#E3E3E5

#DFE5B6 #CDE5BD #C5E5C7 #CCE5DA #D4E4E5 #DBE0E5 #E3E3E5

#DFE5B6 - #CCE5DA - #E3E3E5

Códigos CSS

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

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