#3D3A32 - #372002 | 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 #3D3A32 a #372002

#3D3A32 #372002

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

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

0.0%	0.0% #3D3A32	RGB 61 58 50	#3D3A32
16.7%	16.7% #3C352A	RGB 60 53 42	#3C352A
33.3%	33.3% #3B3122	RGB 59 49 34	#3B3122
50.0%	50.0% #3A2D1A	RGB 58 45 26	#3A2D1A
66.7%	66.7% #392812	RGB 57 40 18	#392812
83.3%	83.3% #38240A	RGB 56 36 10	#38240A
100.0%	100.0% #372002	RGB 55 32 2	#372002

#3D3A32 #3C352A #3B3122 #3A2D1A #392812 #38240A #372002

#3D3A32 - #372002

Mezcla HSV

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

0.0%	0.0% #3D3A32	RGB 61 58 50	#3D3A32
16.7%	16.7% #3C3629	RGB 60 54 41	#3C3629
33.3%	33.3% #3B3220	RGB 59 50 32	#3B3220
50.0%	50.0% #3A2E18	RGB 58 46 24	#3A2E18
66.7%	66.7% #392910	RGB 57 41 16	#392910
83.3%	83.3% #382509	RGB 56 37 9	#382509
100.0%	100.0% #372002	RGB 55 32 2	#372002

#3D3A32 #3C3629 #3B3220 #3A2E18 #392910 #382509 #372002

#3D3A32 - #3A2E18 - #372002

Códigos CSS

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

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