#3E412A - #1C2601 | 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 #3E412A a #1C2601

#3E412A #1C2601

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

#3E412A - #1C2601 | 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 #3E412A como 0% y #1C2601 como 100%.

0.0%	0.0% #3E412A	RGB 62 65 42	#3E412A
16.7%	16.7% #383C23	RGB 56 60 35	#383C23
33.3%	33.3% #32381C	RGB 50 56 28	#32381C
50.0%	50.0% #2D3315	RGB 45 51 21	#2D3315
66.7%	66.7% #272F0E	RGB 39 47 14	#272F0E
83.3%	83.3% #212A07	RGB 33 42 7	#212A07
100.0%	100.0% #1C2601	RGB 28 38 1	#1C2601

#3E412A #383C23 #32381C #2D3315 #272F0E #212A07 #1C2601

#3E412A - #1C2601

Mezcla HSV

#3E412A - #1C2601 | 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 #3E412A como 0% y #1C2601 como 100%.

0.0%	0.0% #3E412A	RGB 62 65 42	#3E412A
16.7%	16.7% #383C20	RGB 56 60 32	#383C20
33.3%	33.3% #323818	RGB 50 56 24	#323818
50.0%	50.0% #2C3311	RGB 44 51 17	#2C3311
66.7%	66.7% #262F0A	RGB 38 47 10	#262F0A
83.3%	83.3% #212A05	RGB 33 42 5	#212A05
100.0%	100.0% #1C2601	RGB 28 38 1	#1C2601

#3E412A #383C20 #323818 #2C3311 #262F0A #212A05 #1C2601

#3E412A - #2C3311 - #1C2601

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E412A 0%, #2C3311 50%, #1C2601 100%);
    background: -webkit-linear-gradient(top, #3E412A 0%, #2C3311 50%, #1C2601 100%);
    background: linear-gradient(to bottom, #3E412A 0%, #2C3311 50%, #1C2601 100%);
}
</style>