#3E3E2D - #AA8251 | 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 #3E3E2D a #AA8251

#3E3E2D #AA8251

Calcule el color entre dos colores, #3E3E2D y #AA8251. 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)

#3E3E2D - #AA8251 | 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 #3E3E2D como 0% y #AA8251 como 100%.

0.0%	0.0% #3E3E2D	RGB 62 62 45	#3E3E2D
16.7%	16.7% #504933	RGB 80 73 51	#504933
33.3%	33.3% #625439	RGB 98 84 57	#625439
50.0%	50.0% #74603F	RGB 116 96 63	#74603F
66.7%	66.7% #866B45	RGB 134 107 69	#866B45
83.3%	83.3% #98764B	RGB 152 118 75	#98764B
100.0%	100.0% #AA8251	RGB 170 130 81	#AA8251

#3E3E2D #504933 #625439 #74603F #866B45 #98764B #AA8251

#3E3E2D - #AA8251

Mezcla HSV

#3E3E2D - #AA8251 | 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 #3E3E2D como 0% y #AA8251 como 100%.

0.0%	0.0% #3E3E2D	RGB 62 62 45	#3E3E2D
16.7%	16.7% #504E36	RGB 80 78 54	#504E36
33.3%	33.3% #625C3E	RGB 98 92 62	#625C3E
50.0%	50.0% #746945	RGB 116 105 69	#746945
66.7%	66.7% #86744A	RGB 134 116 74	#86744A
83.3%	83.3% #987C4E	RGB 152 124 78	#987C4E
100.0%	100.0% #AA8251	RGB 170 130 81	#AA8251

#3E3E2D #504E36 #625C3E #746945 #86744A #987C4E #AA8251

#3E3E2D - #746945 - #AA8251

Códigos CSS

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

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