#E5E2CF - #41403B | 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 #E5E2CF a #41403B

#E5E2CF #41403B

Calcule el color entre dos colores, #E5E2CF y #41403B. 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)

#E5E2CF - #41403B | 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 #E5E2CF como 0% y #41403B como 100%.

0.0%	0.0% #E5E2CF	RGB 229 226 207	#E5E2CF
16.7%	16.7% #C9C7B6	RGB 201 199 182	#C9C7B6
33.3%	33.3% #AEAC9D	RGB 174 172 157	#AEAC9D
50.0%	50.0% #939185	RGB 147 145 133	#939185
66.7%	66.7% #77766C	RGB 119 118 108	#77766C
83.3%	83.3% #5C5B53	RGB 92 91 83	#5C5B53
100.0%	100.0% #41403B	RGB 65 64 59	#41403B

#E5E2CF #C9C7B6 #AEAC9D #939185 #77766C #5C5B53 #41403B

#E5E2CF - #41403B

Mezcla HSV

#E5E2CF - #41403B | 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 #E5E2CF como 0% y #41403B como 100%.

0.0%	0.0% #E5E2CF	RGB 229 226 207	#E5E2CF
16.7%	16.7% #C9C6B6	RGB 201 198 182	#C9C6B6
33.3%	33.3% #AEAB9D	RGB 174 171 157	#AEAB9D
50.0%	50.0% #939085	RGB 147 144 133	#939085
66.7%	66.7% #77756C	RGB 119 117 108	#77756C
83.3%	83.3% #5C5A53	RGB 92 90 83	#5C5A53
100.0%	100.0% #41403B	RGB 65 64 59	#41403B

#E5E2CF #C9C6B6 #AEAB9D #939085 #77756C #5C5A53 #41403B

#E5E2CF - #939085 - #41403B

Códigos CSS

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

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