#E2D9A8 - #403E30 | 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 #E2D9A8 a #403E30

#E2D9A8 #403E30

Calcule el color entre dos colores, #E2D9A8 y #403E30. 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)

#E2D9A8 - #403E30 | 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 #E2D9A8 como 0% y #403E30 como 100%.

0.0%	0.0% #E2D9A8	RGB 226 217 168	#E2D9A8
16.7%	16.7% #C7BF94	RGB 199 191 148	#C7BF94
33.3%	33.3% #ACA580	RGB 172 165 128	#ACA580
50.0%	50.0% #918B6C	RGB 145 139 108	#918B6C
66.7%	66.7% #767158	RGB 118 113 88	#767158
83.3%	83.3% #5B5744	RGB 91 87 68	#5B5744
100.0%	100.0% #403E30	RGB 64 62 48	#403E30

#E2D9A8 #C7BF94 #ACA580 #918B6C #767158 #5B5744 #403E30

#E2D9A8 - #403E30

Mezcla HSV

#E2D9A8 - #403E30 | 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 #E2D9A8 como 0% y #403E30 como 100%.

0.0%	0.0% #E2D9A8	RGB 226 217 168	#E2D9A8
16.7%	16.7% #C7BF94	RGB 199 191 148	#C7BF94
33.3%	33.3% #ACA580	RGB 172 165 128	#ACA580
50.0%	50.0% #918B6C	RGB 145 139 108	#918B6C
66.7%	66.7% #767158	RGB 118 113 88	#767158
83.3%	83.3% #5B5844	RGB 91 88 68	#5B5844
100.0%	100.0% #403E30	RGB 64 62 48	#403E30

#E2D9A8 #C7BF94 #ACA580 #918B6C #767158 #5B5844 #403E30

#E2D9A8 - #918B6C - #403E30

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E2D9A8 0%, #918B6C 50%, #403E30 100%);
    background: -webkit-linear-gradient(top, #E2D9A8 0%, #918B6C 50%, #403E30 100%);
    background: linear-gradient(to bottom, #E2D9A8 0%, #918B6C 50%, #403E30 100%);
}
</style>