#E3E3E6 - #EAF8FD | 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 #E3E3E6 a #EAF8FD

#E3E3E6 #EAF8FD

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

#E3E3E6 - #EAF8FD | 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 #E3E3E6 como 0% y #EAF8FD como 100%.

0.0%	0.0% #E3E3E6	RGB 227 227 230	#E3E3E6
16.7%	16.7% #E4E6E9	RGB 228 230 233	#E4E6E9
33.3%	33.3% #E5EAED	RGB 229 234 237	#E5EAED
50.0%	50.0% #E6EDF1	RGB 230 237 241	#E6EDF1
66.7%	66.7% #E7F1F5	RGB 231 241 245	#E7F1F5
83.3%	83.3% #E8F4F9	RGB 232 244 249	#E8F4F9
100.0%	100.0% #EAF8FD	RGB 234 248 253	#EAF8FD

#E3E3E6 #E4E6E9 #E5EAED #E6EDF1 #E7F1F5 #E8F4F9 #EAF8FD

#E3E3E6 - #EAF8FD

Mezcla HSV

#E3E3E6 - #EAF8FD | 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 #E3E3E6 como 0% y #EAF8FD como 100%.

0.0%	0.0% #E3E3E6	RGB 227 227 230	#E3E3E6
16.7%	16.7% #E4E5E9	RGB 228 229 233	#E4E5E9
33.3%	33.3% #E5E7ED	RGB 229 231 237	#E5E7ED
50.0%	50.0% #E6EAF1	RGB 230 234 241	#E6EAF1
66.7%	66.7% #E7EEF5	RGB 231 238 245	#E7EEF5
83.3%	83.3% #E9F2F9	RGB 233 242 249	#E9F2F9
100.0%	100.0% #EAF8FD	RGB 234 248 253	#EAF8FD

#E3E3E6 #E4E5E9 #E5E7ED #E6EAF1 #E7EEF5 #E9F2F9 #EAF8FD

#E3E3E6 - #E6EAF1 - #EAF8FD

Códigos CSS

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

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