#DAD3D8 - #F5E5E7 | 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 #DAD3D8 a #F5E5E7

#DAD3D8 #F5E5E7

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

#DAD3D8 - #F5E5E7 | 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 #DAD3D8 como 0% y #F5E5E7 como 100%.

0.0%	0.0% #DAD3D8	RGB 218 211 216	#DAD3D8
16.7%	16.7% #DED6DA	RGB 222 214 218	#DED6DA
33.3%	33.3% #E3D9DD	RGB 227 217 221	#E3D9DD
50.0%	50.0% #E7DCDF	RGB 231 220 223	#E7DCDF
66.7%	66.7% #ECDFE2	RGB 236 223 226	#ECDFE2
83.3%	83.3% #F0E2E4	RGB 240 226 228	#F0E2E4
100.0%	100.0% #F5E5E7	RGB 245 229 231	#F5E5E7

#DAD3D8 #DED6DA #E3D9DD #E7DCDF #ECDFE2 #F0E2E4 #F5E5E7

#DAD3D8 - #F5E5E7

Mezcla HSV

#DAD3D8 - #F5E5E7 | 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 #DAD3D8 como 0% y #F5E5E7 como 100%.

0.0%	0.0% #DAD3D8	RGB 218 211 216	#DAD3D8
16.7%	16.7% #DED6DB	RGB 222 214 219	#DED6DB
33.3%	33.3% #E3D9DE	RGB 227 217 222	#E3D9DE
50.0%	50.0% #E7DCE0	RGB 231 220 224	#E7DCE0
66.7%	66.7% #ECDFE3	RGB 236 223 227	#ECDFE3
83.3%	83.3% #F0E2E5	RGB 240 226 229	#F0E2E5
100.0%	100.0% #F5E5E7	RGB 245 229 231	#F5E5E7

#DAD3D8 #DED6DB #E3D9DE #E7DCE0 #ECDFE3 #F0E2E5 #F5E5E7

#DAD3D8 - #E7DCE0 - #F5E5E7

Códigos CSS

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

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