#E5E6AF - #414132 | 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 #E5E6AF a #414132

#E5E6AF #414132

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

#E5E6AF - #414132 | 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 #E5E6AF como 0% y #414132 como 100%.

0.0%	0.0% #E5E6AF	RGB 229 230 175	#E5E6AF
16.7%	16.7% #C9CA9A	RGB 201 202 154	#C9CA9A
33.3%	33.3% #AEAF85	RGB 174 175 133	#AEAF85
50.0%	50.0% #939370	RGB 147 147 112	#939370
66.7%	66.7% #77785B	RGB 119 120 91	#77785B
83.3%	83.3% #5C5C46	RGB 92 92 70	#5C5C46
100.0%	100.0% #414132	RGB 65 65 50	#414132

#E5E6AF #C9CA9A #AEAF85 #939370 #77785B #5C5C46 #414132

#E5E6AF - #414132

Mezcla HSV

#E5E6AF - #414132 | 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 #E5E6AF como 0% y #414132 como 100%.

0.0%	0.0% #E5E6AF	RGB 229 230 175	#E5E6AF
16.7%	16.7% #C9CA9A	RGB 201 202 154	#C9CA9A
33.3%	33.3% #AEAF85	RGB 174 175 133	#AEAF85
50.0%	50.0% #939370	RGB 147 147 112	#939370
66.7%	66.7% #77785B	RGB 119 120 91	#77785B
83.3%	83.3% #5C5C47	RGB 92 92 71	#5C5C47
100.0%	100.0% #414132	RGB 65 65 50	#414132

#E5E6AF #C9CA9A #AEAF85 #939370 #77785B #5C5C47 #414132

#E5E6AF - #939370 - #414132

Códigos CSS

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

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