#D6DADB - #E5E2DD | 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 #D6DADB a #E5E2DD

#D6DADB #E5E2DD

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

#D6DADB - #E5E2DD | 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 #D6DADB como 0% y #E5E2DD como 100%.

0.0%	0.0% #D6DADB	RGB 214 218 219	#D6DADB
16.7%	16.7% #D8DBDB	RGB 216 219 219	#D8DBDB
33.3%	33.3% #DBDCDB	RGB 219 220 219	#DBDCDB
50.0%	50.0% #DDDEDC	RGB 221 222 220	#DDDEDC
66.7%	66.7% #E0DFDC	RGB 224 223 220	#E0DFDC
83.3%	83.3% #E2E0DC	RGB 226 224 220	#E2E0DC
100.0%	100.0% #E5E2DD	RGB 229 226 221	#E5E2DD

#D6DADB #D8DBDB #DBDCDB #DDDEDC #E0DFDC #E2E0DC #E5E2DD

#D6DADB - #E5E2DD

Mezcla HSV

#D6DADB - #E5E2DD | 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 #D6DADB como 0% y #E5E2DD como 100%.

0.0%	0.0% #D6DADB	RGB 214 218 219	#D6DADB
16.7%	16.7% #D7DCDB	RGB 215 220 219	#D7DCDB
33.3%	33.3% #D8DEDA	RGB 216 222 218	#D8DEDA
50.0%	50.0% #DAE0D9	RGB 218 224 217	#DAE0D9
66.7%	66.7% #DEE1DA	RGB 222 225 218	#DEE1DA
83.3%	83.3% #E2E3DB	RGB 226 227 219	#E2E3DB
100.0%	100.0% #E5E2DD	RGB 229 226 221	#E5E2DD

#D6DADB #D7DCDB #D8DEDA #DAE0D9 #DEE1DA #E2E3DB #E5E2DD

#D6DADB - #DAE0D9 - #E5E2DD

Códigos CSS

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

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