#E5E3E6 - #414041 | 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 #E5E3E6 a #414041

#E5E3E6 #414041

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

#E5E3E6 - #414041 | 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 #E5E3E6 como 0% y #414041 como 100%.

0.0%	0.0% #E5E3E6	RGB 229 227 230	#E5E3E6
16.7%	16.7% #C9C7CA	RGB 201 199 202	#C9C7CA
33.3%	33.3% #AEACAF	RGB 174 172 175	#AEACAF
50.0%	50.0% #939193	RGB 147 145 147	#939193
66.7%	66.7% #777678	RGB 119 118 120	#777678
83.3%	83.3% #5C5B5C	RGB 92 91 92	#5C5B5C
100.0%	100.0% #414041	RGB 65 64 65	#414041

#E5E3E6 #C9C7CA #AEACAF #939193 #777678 #5C5B5C #414041

#E5E3E6 - #414041

Mezcla HSV

#E5E3E6 - #414041 | 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 #E5E3E6 como 0% y #414041 como 100%.

0.0%	0.0% #E5E3E6	RGB 229 227 230	#E5E3E6
16.7%	16.7% #C9C7CA	RGB 201 199 202	#C9C7CA
33.3%	33.3% #AEACAF	RGB 174 172 175	#AEACAF
50.0%	50.0% #939193	RGB 147 145 147	#939193
66.7%	66.7% #777678	RGB 119 118 120	#777678
83.3%	83.3% #5C5B5C	RGB 92 91 92	#5C5B5C
100.0%	100.0% #414041	RGB 65 64 65	#414041

#E5E3E6 #C9C7CA #AEACAF #939193 #777678 #5C5B5C #414041

#E5E3E6 - #939193 - #414041

Códigos CSS

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

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