#D3E5E7 - #EDECEF | 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 #D3E5E7 a #EDECEF

#D3E5E7 #EDECEF

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

#D3E5E7 - #EDECEF | 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 #D3E5E7 como 0% y #EDECEF como 100%.

0.0%	0.0% #D3E5E7	RGB 211 229 231	#D3E5E7
16.7%	16.7% #D7E6E8	RGB 215 230 232	#D7E6E8
33.3%	33.3% #DBE7E9	RGB 219 231 233	#DBE7E9
50.0%	50.0% #E0E8EB	RGB 224 232 235	#E0E8EB
66.7%	66.7% #E4E9EC	RGB 228 233 236	#E4E9EC
83.3%	83.3% #E8EAED	RGB 232 234 237	#E8EAED
100.0%	100.0% #EDECEF	RGB 237 236 239	#EDECEF

#D3E5E7 #D7E6E8 #DBE7E9 #E0E8EB #E4E9EC #E8EAED #EDECEF

#D3E5E7 - #EDECEF

Mezcla HSV

#D3E5E7 - #EDECEF | 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 #D3E5E7 como 0% y #EDECEF como 100%.

0.0%	0.0% #D3E5E7	RGB 211 229 231	#D3E5E7
16.7%	16.7% #D7E3E8	RGB 215 227 232	#D7E3E8
33.3%	33.3% #DBE2E9	RGB 219 226 233	#DBE2E9
50.0%	50.0% #DFE2EB	RGB 223 226 235	#DFE2EB
66.7%	66.7% #E3E4EC	RGB 227 228 236	#E3E4EC
83.3%	83.3% #E8E7ED	RGB 232 231 237	#E8E7ED
100.0%	100.0% #EDECEF	RGB 237 236 239	#EDECEF

#D3E5E7 #D7E3E8 #DBE2E9 #DFE2EB #E3E4EC #E8E7ED #EDECEF

#D3E5E7 - #DFE2EB - #EDECEF

Códigos CSS

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

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