#E5E2D5 - #41403C | 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 #E5E2D5 a #41403C

#E5E2D5 #41403C

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

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

0.0%	0.0% #E5E2D5	RGB 229 226 213	#E5E2D5
16.7%	16.7% #C9C7BB	RGB 201 199 187	#C9C7BB
33.3%	33.3% #AEACA2	RGB 174 172 162	#AEACA2
50.0%	50.0% #939188	RGB 147 145 136	#939188
66.7%	66.7% #77766F	RGB 119 118 111	#77766F
83.3%	83.3% #5C5B55	RGB 92 91 85	#5C5B55
100.0%	100.0% #41403C	RGB 65 64 60	#41403C

#E5E2D5 #C9C7BB #AEACA2 #939188 #77766F #5C5B55 #41403C

#E5E2D5 - #41403C

Mezcla HSV

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

0.0%	0.0% #E5E2D5	RGB 229 226 213	#E5E2D5
16.7%	16.7% #C9C6BB	RGB 201 198 187	#C9C6BB
33.3%	33.3% #AEABA1	RGB 174 171 161	#AEABA1
50.0%	50.0% #939088	RGB 147 144 136	#939088
66.7%	66.7% #77756E	RGB 119 117 110	#77756E
83.3%	83.3% #5C5A55	RGB 92 90 85	#5C5A55
100.0%	100.0% #41403C	RGB 65 64 60	#41403C

#E5E2D5 #C9C6BB #AEABA1 #939088 #77756E #5C5A55 #41403C

#E5E2D5 - #939088 - #41403C

Códigos CSS

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

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