#E7E9EE - #424244 | 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 #E7E9EE a #424244

#E7E9EE #424244

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

#E7E9EE - #424244 | 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 #E7E9EE como 0% y #424244 como 100%.

0.0%	0.0% #E7E9EE	RGB 231 233 238	#E7E9EE
16.7%	16.7% #CBCDD1	RGB 203 205 209	#CBCDD1
33.3%	33.3% #B0B1B5	RGB 176 177 181	#B0B1B5
50.0%	50.0% #949599	RGB 148 149 153	#949599
66.7%	66.7% #79797C	RGB 121 121 124	#79797C
83.3%	83.3% #5D5D60	RGB 93 93 96	#5D5D60
100.0%	100.0% #424244	RGB 66 66 68	#424244

#E7E9EE #CBCDD1 #B0B1B5 #949599 #79797C #5D5D60 #424244

#E7E9EE - #424244

Mezcla HSV

#E7E9EE - #424244 | 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 #E7E9EE como 0% y #424244 como 100%.

0.0%	0.0% #E7E9EE	RGB 231 233 238	#E7E9EE
16.7%	16.7% #CBCCD1	RGB 203 204 209	#CBCCD1
33.3%	33.3% #B0B1B5	RGB 176 177 181	#B0B1B5
50.0%	50.0% #949599	RGB 148 149 153	#949599
66.7%	66.7% #79797C	RGB 121 121 124	#79797C
83.3%	83.3% #5D5D60	RGB 93 93 96	#5D5D60
100.0%	100.0% #424244	RGB 66 66 68	#424244

#E7E9EE #CBCCD1 #B0B1B5 #949599 #79797C #5D5D60 #424244

#E7E9EE - #949599 - #424244

Códigos CSS

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

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