#D3E5E9 - #ECECEF | 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 #D3E5E9 a #ECECEF

#D3E5E9 #ECECEF

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

#D3E5E9 - #ECECEF | 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 #D3E5E9 como 0% y #ECECEF como 100%.

0.0%	0.0% #D3E5E9	RGB 211 229 233	#D3E5E9
16.7%	16.7% #D7E6EA	RGB 215 230 234	#D7E6EA
33.3%	33.3% #DBE7EB	RGB 219 231 235	#DBE7EB
50.0%	50.0% #DFE8EC	RGB 223 232 236	#DFE8EC
66.7%	66.7% #E3E9ED	RGB 227 233 237	#E3E9ED
83.3%	83.3% #E7EAEE	RGB 231 234 238	#E7EAEE
100.0%	100.0% #ECECEF	RGB 236 236 239	#ECECEF

#D3E5E9 #D7E6EA #DBE7EB #DFE8EC #E3E9ED #E7EAEE #ECECEF

#D3E5E9 - #ECECEF

Mezcla HSV

#D3E5E9 - #ECECEF | 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 #D3E5E9 como 0% y #ECECEF como 100%.

0.0%	0.0% #D3E5E9	RGB 211 229 233	#D3E5E9
16.7%	16.7% #D7E3EA	RGB 215 227 234	#D7E3EA
33.3%	33.3% #DBE3EB	RGB 219 227 235	#DBE3EB
50.0%	50.0% #DFE4EC	RGB 223 228 236	#DFE4EC
66.7%	66.7% #E3E6ED	RGB 227 230 237	#E3E6ED
83.3%	83.3% #E7E8EE	RGB 231 232 238	#E7E8EE
100.0%	100.0% #ECECEF	RGB 236 236 239	#ECECEF

#D3E5E9 #D7E3EA #DBE3EB #DFE4EC #E3E6ED #E7E8EE #ECECEF

#D3E5E9 - #DFE4EC - #ECECEF

Códigos CSS

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

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