#E5E7E1 - #414240 | 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 #E5E7E1 a #414240

#E5E7E1 #414240

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

#E5E7E1 - #414240 | 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 #E5E7E1 como 0% y #414240 como 100%.

0.0%	0.0% #E5E7E1	RGB 229 231 225	#E5E7E1
16.7%	16.7% #C9CBC6	RGB 201 203 198	#C9CBC6
33.3%	33.3% #AEB0AB	RGB 174 176 171	#AEB0AB
50.0%	50.0% #939490	RGB 147 148 144	#939490
66.7%	66.7% #777975	RGB 119 121 117	#777975
83.3%	83.3% #5C5D5A	RGB 92 93 90	#5C5D5A
100.0%	100.0% #414240	RGB 65 66 64	#414240

#E5E7E1 #C9CBC6 #AEB0AB #939490 #777975 #5C5D5A #414240

#E5E7E1 - #414240

Mezcla HSV

#E5E7E1 - #414240 | 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 #E5E7E1 como 0% y #414240 como 100%.

0.0%	0.0% #E5E7E1	RGB 229 231 225	#E5E7E1
16.7%	16.7% #C9CBC6	RGB 201 203 198	#C9CBC6
33.3%	33.3% #AEB0AB	RGB 174 176 171	#AEB0AB
50.0%	50.0% #929490	RGB 146 148 144	#929490
66.7%	66.7% #777975	RGB 119 121 117	#777975
83.3%	83.3% #5C5D5A	RGB 92 93 90	#5C5D5A
100.0%	100.0% #414240	RGB 65 66 64	#414240

#E5E7E1 #C9CBC6 #AEB0AB #929490 #777975 #5C5D5A #414240

#E5E7E1 - #929490 - #414240

Códigos CSS

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

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