#3D3C35 - #352402 | 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 #3D3C35 a #352402

#3D3C35 #352402

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

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

0.0%	0.0% #3D3C35	RGB 61 60 53	#3D3C35
16.7%	16.7% #3B382C	RGB 59 56 44	#3B382C
33.3%	33.3% #3A3424	RGB 58 52 36	#3A3424
50.0%	50.0% #39301B	RGB 57 48 27	#39301B
66.7%	66.7% #372C13	RGB 55 44 19	#372C13
83.3%	83.3% #36280A	RGB 54 40 10	#36280A
100.0%	100.0% #352402	RGB 53 36 2	#352402

#3D3C35 #3B382C #3A3424 #39301B #372C13 #36280A #352402

#3D3C35 - #352402

Mezcla HSV

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

0.0%	0.0% #3D3C35	RGB 61 60 53	#3D3C35
16.7%	16.7% #3B392B	RGB 59 57 43	#3B392B
33.3%	33.3% #3A3522	RGB 58 53 34	#3A3522
50.0%	50.0% #393119	RGB 57 49 25	#393119
66.7%	66.7% #372D11	RGB 55 45 17	#372D11
83.3%	83.3% #362809	RGB 54 40 9	#362809
100.0%	100.0% #352402	RGB 53 36 2	#352402

#3D3C35 #3B392B #3A3522 #393119 #372D11 #362809 #352402

#3D3C35 - #393119 - #352402

Códigos CSS

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

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