#E7F6EE - #424644 | 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 #E7F6EE a #424644

#E7F6EE #424644

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

#E7F6EE - #424644 | 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 #E7F6EE como 0% y #424644 como 100%.

0.0%	0.0% #E7F6EE	RGB 231 246 238	#E7F6EE
16.7%	16.7% #CBD8D1	RGB 203 216 209	#CBD8D1
33.3%	33.3% #B0BBB5	RGB 176 187 181	#B0BBB5
50.0%	50.0% #949E99	RGB 148 158 153	#949E99
66.7%	66.7% #79807C	RGB 121 128 124	#79807C
83.3%	83.3% #5D6360	RGB 93 99 96	#5D6360
100.0%	100.0% #424644	RGB 66 70 68	#424644

#E7F6EE #CBD8D1 #B0BBB5 #949E99 #79807C #5D6360 #424644

#E7F6EE - #424644

Mezcla HSV

#E7F6EE - #424644 | 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 #E7F6EE como 0% y #424644 como 100%.

0.0%	0.0% #E7F6EE	RGB 231 246 238	#E7F6EE
16.7%	16.7% #CBD8D1	RGB 203 216 209	#CBD8D1
33.3%	33.3% #B0BBB5	RGB 176 187 181	#B0BBB5
50.0%	50.0% #949E99	RGB 148 158 153	#949E99
66.7%	66.7% #79807C	RGB 121 128 124	#79807C
83.3%	83.3% #5D6360	RGB 93 99 96	#5D6360
100.0%	100.0% #424644	RGB 66 70 68	#424644

#E7F6EE #CBD8D1 #B0BBB5 #949E99 #79807C #5D6360 #424644

#E7F6EE - #949E99 - #424644

Códigos CSS

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

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