#DAD4D9 - #DCE5E1 | 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 #DAD4D9 a #DCE5E1

#DAD4D9 #DCE5E1

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

#DAD4D9 - #DCE5E1 | 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 #DAD4D9 como 0% y #DCE5E1 como 100%.

0.0%	0.0% #DAD4D9	RGB 218 212 217	#DAD4D9
16.7%	16.7% #DAD6DA	RGB 218 214 218	#DAD6DA
33.3%	33.3% #DAD9DB	RGB 218 217 219	#DAD9DB
50.0%	50.0% #DBDCDD	RGB 219 220 221	#DBDCDD
66.7%	66.7% #DBDFDE	RGB 219 223 222	#DBDFDE
83.3%	83.3% #DBE2DF	RGB 219 226 223	#DBE2DF
100.0%	100.0% #DCE5E1	RGB 220 229 225	#DCE5E1

#DAD4D9 #DAD6DA #DAD9DB #DBDCDD #DBDFDE #DBE2DF #DCE5E1

#DAD4D9 - #DCE5E1

Mezcla HSV

#DAD4D9 - #DCE5E1 | 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 #DAD4D9 como 0% y #DCE5E1 como 100%.

0.0%	0.0% #DAD4D9	RGB 218 212 217	#DAD4D9
16.7%	16.7% #DAD5DB	RGB 218 213 219	#DAD5DB
33.3%	33.3% #D8D6DD	RGB 216 214 221	#D8D6DD
50.0%	50.0% #D8D9DF	RGB 216 217 223	#D8D9DF
66.7%	66.7% #D9DDE1	RGB 217 221 225	#D9DDE1
83.3%	83.3% #DAE3E3	RGB 218 227 227	#DAE3E3
100.0%	100.0% #DCE5E1	RGB 220 229 225	#DCE5E1

#DAD4D9 #DAD5DB #D8D6DD #D8D9DF #D9DDE1 #DAE3E3 #DCE5E1

#DAD4D9 - #D8D9DF - #DCE5E1

Códigos CSS

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

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