#D7E5E8 - #ECEBF9 | 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 #D7E5E8 a #ECEBF9

#D7E5E8 #ECEBF9

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

#D7E5E8 - #ECEBF9 | 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 #D7E5E8 como 0% y #ECEBF9 como 100%.

0.0%	0.0% #D7E5E8	RGB 215 229 232	#D7E5E8
16.7%	16.7% #DAE6EA	RGB 218 230 234	#DAE6EA
33.3%	33.3% #DEE7ED	RGB 222 231 237	#DEE7ED
50.0%	50.0% #E1E8F0	RGB 225 232 240	#E1E8F0
66.7%	66.7% #E5E9F3	RGB 229 233 243	#E5E9F3
83.3%	83.3% #E8EAF6	RGB 232 234 246	#E8EAF6
100.0%	100.0% #ECEBF9	RGB 236 235 249	#ECEBF9

#D7E5E8 #DAE6EA #DEE7ED #E1E8F0 #E5E9F3 #E8EAF6 #ECEBF9

#D7E5E8 - #ECEBF9

Mezcla HSV

#D7E5E8 - #ECEBF9 | 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 #D7E5E8 como 0% y #ECEBF9 como 100%.

0.0%	0.0% #D7E5E8	RGB 215 229 232	#D7E5E8
16.7%	16.7% #DAE5EA	RGB 218 229 234	#DAE5EA
33.3%	33.3% #DDE6ED	RGB 221 230 237	#DDE6ED
50.0%	50.0% #E0E6F0	RGB 224 230 240	#E0E6F0
66.7%	66.7% #E4E7F3	RGB 228 231 243	#E4E7F3
83.3%	83.3% #E7E8F6	RGB 231 232 246	#E7E8F6
100.0%	100.0% #ECEBF9	RGB 236 235 249	#ECEBF9

#D7E5E8 #DAE5EA #DDE6ED #E0E6F0 #E4E7F3 #E7E8F6 #ECEBF9

#D7E5E8 - #E0E6F0 - #ECEBF9

Códigos CSS

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

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